Changeset 21941

Timestamp:

09/21/2012 04:39:38 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Twelve: change author template markup to use classes instead of IDs, fixes #21937.

Location:

trunk/wp-content/themes/twentytwelve

Files:

• author.php (modified) (1 diff)
• content.php (modified) (1 diff)
• rtl.css (modified) (1 diff)
• style.css (modified) (8 diffs)

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

@@ -42 +42 @@
             // If a user has filled out their description, show a bio on their entries.
             if ( get_the_author_meta( 'description' ) ) : ?>
-            <div id="author-info">
-                <div id="author-avatar">
+            <div class="author-info">
+                <div class="author-avatar">
                     <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentytwelve_author_bio_avatar_size', 60 ) ); ?>
-                </div><!-- #author-avatar -->
-                <div id="author-description">
+                </div><!-- .author-avatar -->
+                <div class="author-description">
                     <h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
                     <p><?php the_author_meta( 'description' ); ?></p>
-                </div><!-- #author-description  -->
-            </div><!-- #author-info -->
+                </div><!-- .author-description  -->
+            </div><!-- .author-info -->
             <?php endif; ?>
 

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

@@ -46 +46 @@
             <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
             <?php if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. ?>
-                <div id="author-info">
-                    <div id="author-avatar">
+                <div class="author-info">
+                    <div class="author-avatar">
                         <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ) ); ?>
-                    </div><!-- #author-avatar -->
-                    <div id="author-description">
+                    </div><!-- .author-avatar -->
+                    <div class="author-description">
                         <h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
                         <p><?php the_author_meta( 'description' ); ?></p>
-                        <div id="author-link">
+                        <div class="author-link">
                             <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
                                 <?php printf( __( 'View all posts by %s <span class="meta-nav">&rarr;</span>', 'twentytwelve' ), get_the_author() ); ?>
                             </a>
-                        </div><!-- #author-link -->
-                    </div><!-- #author-description -->
-                </div><!-- #author-info -->
+                        </div><!-- .author-link -->
+                    </div><!-- .author-description -->
+                </div><!-- .author-info -->
             <?php endif; ?>
         </footer><!-- .entry-meta -->

trunk/wp-content/themes/twentytwelve/rtl.css

@@ -44 +44 @@
 
 /* Author profiles */
-#author-avatar {
-    float: right;
-}
-#author-description {
+.author-avatar {
+    float: right;
+}
+.author-description {
     float: right;
     margin-right: 15px;

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

@@ -325 +325 @@
 .widget img,
 img.header-image,
-#author-avatar img,
+.author-avatar img,
 img.wp-post-image {
     /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
@@ -411 +411 @@
     margin-bottom: 1.714285714rem;
 }
-#author-info {
+.author-info {
     border-top: 1px solid #ededed;
     margin: 24px 0;
@@ -419 +419 @@
     overflow: hidden;
 }
-#author-description p {
+.author-description p {
     color: #777;
     font-size: 13px;
@@ -425 +425 @@
     line-height: 1.846153846;
 }
-.author.archive #author-info {
+.author.archive .author-info {
     border-top: 0;
     margin: 0 0 48px;
     margin: 0 0 3.428571429rem;
 }
-.author.archive #author-avatar {
+.author.archive .author-avatar {
     margin-top: 0;
 }
@@ -1341 +1341 @@
 /* Minimum width of 600 pixels. */
 @media screen and (min-width: 600px) {
-    #author-avatar {
+    .author-avatar {
         float: left;
         margin-top: 8px;
         margin-top: 0.571428571rem;
     }
-    #author-description {
+    .author-description {
         float: right;
         width: 80%;
@@ -1542 +1542 @@
     .entry-content img,
     .comment-content img,
-    #author-avatar img,
+    .author-avatar img,
     img.wp-post-image {
         border-radius: 0;
@@ -1568 +1568 @@
         text-align: left;
     }
-    #author-avatar,
+    .author-avatar,
     #colophon,
     #respond,
@@ -1616 +1616 @@
         font-size: 10pt;
     }
-    #author-description {
+    .author-description {
         float: none;
         width: auto;