Changeset 25510

Timestamp:

09/19/2013 09:33:00 PM (13 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: first pass at adding a Contributors page template to highlight authors. Props MikeHansenMe, iamtakashi, obenland, and Kuzmanov. See #24863.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• contributor-page.php (added)
• functions.php (modified) (1 diff)
• style.css (modified) (12 diffs)

trunk/src/wp-content/themes/twentyfourteen/functions.php

@@ -341 +341 @@
 endif;
 
+if ( ! function_exists( 'twentyfourteen_list_authors' ) ) :
+/**
+ * Prints a list of all site contributors who published at least one post.
+ *
+ * @return void
+ */
+function twentyfourteen_list_authors() {
+        $contributor_ids = get_users( array(
+                'fields'  => 'ID',
+                'orderby' => 'post_count',
+                'who'     => 'authors',
+        ) );
+
+        foreach ( $contributor_ids as $contributor_id ) :
+                $post_count = count_user_posts( $contributor_id );
+
+                // Move on if user has not published a post (yet).
+                if ( ! $post_count )
+                        continue;
+        ?>
+
+        <div class="contributor clear">
+                <div class="contributor-avatar"><?php echo get_avatar( $contributor_id, 132 ); ?></div>
+                <div class="contributor-summary">
+                        <h2 class="contributor-name"><?php echo get_the_author_meta( 'display_name', $contributor_id ); ?></h2>
+                        <p class="contributor-bio">
+                                <?php echo get_the_author_meta( 'description', $contributor_id ); ?>
+                        </p>
+                        <a class="contributor-posts-link" href="<?php echo esc_url( get_author_posts_url( $contributor_id ) ); ?>">
+                                <?php printf( _n( '%d Article', '%d Articles', $post_count, 'twentyfourteen' ), $post_count ); ?>
+                        </a>
+                </div>
+        </div><!-- .contributor -->
+
+        <?php
+        endforeach;
+}
+endif;
+
 /**
  * Gets recent formatted posts that are not featured in FC plugin.

trunk/src/wp-content/themes/twentyfourteen/style.css

@@ -307 +307 @@
 }
 button,
+.contributor-posts-link,
 html input[type="button"],
 input[type="reset"],
@@ -324 +325 @@
 }
 button:hover,
+.contributor-posts-link:hover,
 html input[type="button"]:hover,
 input[type="reset"]:hover,
@@ -332 +334 @@
 input[type="submit"]:focus {
         background-color: #24890d;
+        color: #fff;
         cursor: pointer;
 }
 button:active,
+.contributor-posts-link:active,
 html input[type="button"]:active,
 input[type="reset"]:active,
@@ -496 +500 @@
 /* Genericons */
 .search-toggle:before,
+.contributor-posts-link:before,
 .widget_twentyfourteen_ephemera .widget-title:before {
         display: inline-block;
@@ -1727 +1732 @@
         margin: 2.4rem 0 0;
 }
+
 .post-navigation [rel="prev"],
 .post-navigation [rel="next"],
@@ -2315 +2321 @@
 }
 
+
+/* =Contributor Page
+----------------------------------------------- */
+
+.contributor {
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        -moz-box-sizing: border-box;
+        box-sizing:      border-box;
+        padding: 48px 0;
+        padding: 4.8rem 0;
+}
+.contributor-avatar {
+        float: left;
+        padding: 2px;
+        padding: 0.2rem;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        margin-right: 30px;
+        margin-right: 3.0rem;
+}
+.contributor-avatar .avatar {
+        vertical-align: middle;
+}
+.contributor-summary {
+        float: left;
+        max-width: 474px;
+        max-width: 47.4rem;
+        width: -webkit-calc(100% - 164px);
+        width:         calc(100% - 164px);
+}
+.contributor-name {
+        font-size: 16px;
+        font-size: 1.6rem;
+        font-weight: 900;
+        line-height: 1.5;
+        margin-bottom: 0;
+        text-transform: uppercase;
+}
+.contributor-bio {
+        color: #767676;
+}
+.contributor-posts-link {
+        display: inline-block;
+}
+.contributor-posts-link:before {
+        content: '\f443';
+        vertical-align: text-bottom;
+}
+
+
 /* =Media Queries
 ----------------------------------------------- */
@@ -2398 +2453 @@
                 content: '';
         }
+
         .content-area .featured-post:before,
         .content-area .post-format a:before,
@@ -2415 +2471 @@
                 margin: 0 0.2rem 0 0;
                 text-transform: none;
-                vertical-align: top;
         }
         .content-area .entry-meta > span {
@@ -2690 +2745 @@
                 margin: 0 8.03571428% 0 12.5%;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
@@ -2908 +2964 @@
                 padding: 0 0 1.2rem;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
@@ -3029 +3086 @@
                 margin: 0 8.03571428% 0 12.5%;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
@@ -3069 +3127 @@
                 padding-right: 0;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,