Twenty Fourteen: add a Contributors page template to highlight authors

[lancewillett]

For example: ​http://www.aeonmagazine.com/contributors/

• Page template should list all authors with at least 1 published post.
• Link to authors archive.

[Kuzmanov]

Contributors page template

[MikeHansenMe]

A few ideas I have for this page are to also show the users gravatar if they have one and to still allow the page content to be displayed either below or above the authors. I have a template I have been playing with but it still needs a little work before I post it. Hopefully today sometime.

[MikeHansenMe]

author function and style from previous patch

[MikeHansenMe]

page template to call author function and keep content and comments

[obenland]

I'd like to wait with that until iamtakashi had a chance to come up with a design for the page.

[MikeHansenMe]

The patch could easily be updated to meet a new design. Let's wait to get some input from iamtakashi.

[iamtakashi]

I'll work on a mockup for the contributors page.

[iamtakashi]

I've worked on a mockup for the contributors page.

​http://f.cl.ly/items/1C261Z3C3b3q2O3G2033/2014-contributors.jpg

I think it's the best to order contibutors on the page by their number of published articles. Plus, to make the ordering clear, it would be good to print the number of articles on the button that takes to the author archive page. I used the document icon from Genericons in the mockup but it could say "Read xx Articles" or "View xx Articles" or whatever we think most appropriate. What do you guys think?

[obenland]

I like it! What made you go with a one-column layout instead of a two- or three-column layout for example?

[iamtakashi]

Replying to obenland:

I like it! What made you go with a one-column layout instead of a two- or three-column layout for example?

Although we can use the Masonry, I found the layout can be messy with various text lengthes of biographies in two- or three-column layout and the readability will definitely suffer, and also the ordering will be obscured with multi-column Masonry powered layout.

Another reason was that, for that page, I wanted to use a good size of avatars, not like the ones in comments because these are more important on the page.

In my opinion, this one-column layout is cleaner and safer especially when a site has only a few contributors. Even a site has few dozens of contributors, the page wouldn't look horrible because it's clean and airy.

I'm glad you like it!

[jazzs3quence]

I like it a lot, too, and I agree with the design decisions you made re: one column layout.

[lancewillett]

Looks great, Takashi. Let's code it up. :)

[MikeHansenMe]

based on new design.

[MikeHansenMe]

24863.diff uses author-page.2.php. It still allows for content if there is any. It will likely need more tuning, it is missing the icon in the button also.

[MikeHansenMe]

minor update to previous patch

[lancewillett]

Discussed today in office hours, next step is testing and patch code review.

[iamtakashi]

I'll do tuning CSS once we are happy with the implementation.

[obenland]

Mike, could you see where using ​get_users() gets you? You can set it to order by post count and it should give you all the user information we need.

I'm not sure we actually need the .contributor-info div, we should be fine without it. .contributor-button should be outside the bio, see it more like meta info to the bio content. We might also be able to do all that in a page template.

[MikeHansenMe]

yep, I will see what I can do. Then submit a new patch.

[MikeHansenMe]

contributor page file with all code within the file

[MikeHansenMe]

styles for the newest author page file

[obenland]

24863.4.diff​ is based on MikeHansenMe's work and iamtakashi's mockup.

Takashi, could you make sure I got the colors, font-sizes, and widths/margins right?

[iamtakashi]

Minor style adjustments to 24863.4.diff

[iamtakashi]

Replying to obenland:

Takashi, could you make sure I got the colors, font-sizes, and widths/margins right?

Adjusted slightly some styles. We can improve its responsive pattern when the patch in #25332 is committed.

[obenland]

Replying to iamtakashi:

Adjusted slightly some styles. We can improve its responsive pattern when the patch in #25332 is committed.

Your patch is missing the page template :(

[iamtakashi]

Include the missing contributors page template

[iamtakashi]

Replying to obenland:

Your patch is missing the page template :(

Oops. Sorry about that! Added a patch with the page template.

[lancewillett]

Patch is looking great. One thing I noticed, and can be fixed in a later patch, is the word "Articles" isn't set up for translating numbers like 0, 1, n in various languages.

<?php printf( __( '%d Articles', 'twentyfourteen' ), $post_count ); ?>

and when an author has only 1 post, it still says "0 Articles" plural.

[obenland]

Replying to lancewillett:

Patch is looking great. One thing I noticed, and can be fixed in a later patch, is the word "Articles" isn't set up for translating numbers like 0, 1, n in various languages.

Good catch, let me update real quick.

[lancewillett]

Noting also the Genericons class should probably be removed and use CSS instead, as per changes in #25085. For adding the "document" icon.

[obenland]

Should I wait with a refresh until #25085 is in?

[lancewillett]

In 25510:

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

[lancewillett]

Let's open new issues in new tickets.

[lancewillett]

In 26657:

Twenty Fourteen: change sort order on Contributor template to put author with mosts posts at the top. Props iamtakashi, closes #26427; see #24863.