• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Author Contributors Page Template

This code creates a new page template which prints a list of all contributing authors who have published posts on your blog.

There’s 2 versions in this post, the first of which will work with any theme and the 2nd for Genesis only users.

Here’s the result tested on StudioPress themes.

Update: See also WP Authors Page Template With Social Media Links

genesis sample theme

The code will also work on non Genesis themes however may need some tweaking of the CSS.

Installing The Code

There’s 3 blocks of code which need to be installed.

  1. Create a new file named contributors_page.php using a text editor like Notepad++ and copy the code from the Gist labelled contributors_page.php into your new file. Save the file to desktop and upload to the root directory of your child theme.
  2. Copy the PHP from the Gist labelled functions.php and paste it at the end of your child themes functions.php file.
  3. Copy the CSS code from the Gist labelled style.css and paste it at the end of your child themes style.css file before the start of your Media Queries section.

Code For Any Theme

Register for full access


This code includes a body class named wpsites-authors which you can use in your style sheet for specific template styling.

What The Code Does

Basically, the functions code creates a template tag which you can use in any template or hook in using a custom function with conditional tags.

Credit to the people who worked on the Twenty Fourteen default theme for WordPress as this code is a modified version of whats included in that theme.

Similar Posts

  • Genesis Contributors Page Template With Avatar & Twitter Link
  • Genesis User Profiles Template
  • Genesis Developers Style Page
  • Team Members Staff Authors or User Profile Page Template for Genesis
  • Genesis Users Page Template

Reader Interactions

Comments

  1. Matthew says

    April 18, 2014 at 5:18 pm

    Thanks so much for this template!

    Is there a way to get everything left justified though? Right now the default is centered on the page, but it looks funny with the way my header and footer works. I’d like all of the information about the authors to line up on the left of the page but can’t figure out which element to configure.

    Log in to Reply
    • Brad Dalton says

      April 19, 2014 at 5:56 pm

      Change the value for the max-width to something like this depending on which theme you’re using.

      .contributor-info {
      	margin: 0 auto;
      	max-width: 1000px;
      }
      Log in to Reply
  2. Brandon Carter says

    March 27, 2014 at 5:59 am

    Hi Brad, thanks for this. I think I’m doing something incorrectly. I’ve tried both versions on a couple different WP installs. Using the Genesis-only code, I get this error when publishing:

    Then, when trying the “works for everyone” code, it only pulls in one profile (mine):

    Any tips?

    Thanks! Love the blog.

    Log in to Reply
    • Brad Dalton says

      March 27, 2014 at 6:14 pm

      Hello Brandon

      The Genesis only version includes the code for the template only. You also need to add the code for the functions file which creates the template tag included in the template, as well as the CSS.

      The code only prints authors who have published at least one post who have been registered as contributors.

      You can change the status for any author to contributor or modify the code so all authors are included.

      Log in to Reply
      • Brandon says

        March 27, 2014 at 9:50 pm

        Ah, gotcha. I’ll give it another shot. Thanks!

        Log in to Reply
  3. mariedenee says

    March 26, 2014 at 6:26 pm

    If we wanted to add their social media profiles for Genesis, where/how would you do this?

    Log in to Reply
    • Brad Dalton says

      March 26, 2014 at 6:34 pm

      You would need to code that into the template or functions file for the template tag and pull it from their Profile settings.

      Otherwise, there’s another solution linked to in the related posts.

      Log in to Reply
  4. AnitaC says

    March 25, 2014 at 10:11 pm

    Awww I made the cut! Thanks Brad and I need this for a new project. You must have been reading my mind!

    Log in to Reply
    • Brad Dalton says

      March 25, 2014 at 10:44 pm

      I owe you but still would have anyway.

      Log in to Reply
  5. Keith Davis says

    March 25, 2014 at 10:00 pm

    Thanks for the feature Brad.
    Gave you a share on Facebook.

    Log in to Reply
    • Brad Dalton says

      March 25, 2014 at 10:45 pm

      Prefer a link!! hahaha.

      Just kidding.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.