Changeset 21404 for trunk/wp-content/themes/twentytwelve/image.php

Timestamp:

08/02/2012 07:12:11 PM (14 years ago)

Author:

lancewillett

Message:

Twenty Twelve: CSS and markup improvements for better child theme support, part 3. See #21379.

• Add classes like .site and .site-content in addition to the set of IDs already present, making things much better for child themes to have more than one generic element like nav inside the content container.
• Bump JS version after selector change.
• Move image-attachment to post_class() output

More exhaustive notes in the ticket on each id and class change.

File:

• trunk/wp-content/themes/twentytwelve/image.php (modified) (3 diffs)

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

@@ -10 +10 @@
 get_header(); ?>
 
-        <div id="primary" class="image-attachment">
+        <div id="primary" class="site-content">
                 <div id="content" role="main">
 
                 <?php while ( have_posts() ) : the_post(); ?>
 
-                                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+                                <article id="post-<?php the_ID(); ?>" <?php post_class( 'image-attachment' ); ?>>
                                         <header class="entry-header">
                                                 <h1 class="entry-title"><?php the_title(); ?></h1>
@@ -36 +36 @@
                                                 </footer><!-- .entry-meta -->
 
-                                                <nav id="image-navigation" role="navigation">
+                                                <nav id="image-navigation" class="navigation" role="navigation">
                                                         <span class="previous-image"><?php previous_image_link( false, __( '&larr; Previous', 'twentytwelve' ) ); ?></span>
                                                         <span class="next-image"><?php next_image_link( false, __( 'Next &rarr;', 'twentytwelve' ) ); ?></span>
@@ -98 +98 @@
 
                 </div><!-- #content -->
-        </div><!-- #primary -->
+        </div><!-- #primary .site-content -->
 
 <?php get_footer(); ?>