Changeset 23820

Timestamp:

03/27/2013 06:51:47 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: take full advantage of new structured post format template functions, see r23819.

Extract first video or image from Video and Image post format posts, and place the item above the title within its own HTML wrapper with the_video() and the_image()'. Also, remove the item from the post content with the_extra_content()`.

This allows us to meet the design requirements for Twenty Thirteen with minimal changes to the theme template files. Fixes #23620.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• content-image.php (modified) (2 diffs)
• content-video.php (modified) (2 diffs)
• style.css (modified) (2 diffs)

trunk/wp-content/themes/twentythirteen/content-image.php

@@ -11 +11 @@
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     <header class="entry-header">
+        <div class="entry-media">
+            <?php the_image(); ?>
+        </div>
+
         <?php if ( is_single() ) : ?>
         <h1 class="entry-title"><?php the_title(); ?></h1>
@@ -21 +25 @@
 
     <div class="entry-content">
-        <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>
+        <?php the_extra_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>
         <?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
     </div><!-- .entry-content -->

trunk/wp-content/themes/twentythirteen/content-video.php

@@ -11 +11 @@
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     <header class="entry-header">
+        <div class="entry-media">
+            <?php the_video(); ?>
+        </div>
+
         <?php if ( is_single() ) : ?>
         <h1 class="entry-title"><?php the_title(); ?></h1>
@@ -21 +25 @@
 
     <div class="entry-content">
-        <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>
+        <?php the_extra_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>
         <?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
     </div><!-- .entry-content -->

trunk/wp-content/themes/twentythirteen/style.css

@@ -1660 +1660 @@
 }
 
+.format-image .entry-header {
+    max-width: 724px;
+}
+
+.format-image .entry-header img {
+    height: auto;
+    max-width: 724px;
+}
+
 .format-image .entry-content .size-full {
     margin: 0 -60px;
@@ -1872 +1881 @@
     font-size: 50px;
     font-weight: 400;
+}
+
+.format-video .entry-header {
+    max-width: 724px;
 }