Featured Authors Widget

This WordPress plugin provides a widget to showcase your site’s authors. When configuring the widget you select the authors and choose whether to display them with their avatars and choose how many posts to display for authors.

Please download the plugin directly from the WordPress.org repository:
Featured Authors Widget

You configure the widget in the usual way in the wp-admin -> appearance -> widgets section:

Configure Widget

Here’s how it looks in the default “TwentyEleven” theme:

Default display

Add a little CSS to your theme and here’s how it can look (As seen on the Article-3.com site):

Styled

18 Responses to “Featured Authors Widget”

    • That’s an interesting question. One way would be to edit featured-authors-widget.php at about line 121 and add an additional argument to the get_users() call. For example you could do ‘orderby’ = ‘menu_order’ or something. I bet I could whip up something more clever if you’re really interested. Contact me via my contact form and we can discuss further.

  1. John Prusinski

    Hi, this plugin is exactly what I need! Thanks for writing it… I could use some help with the styling, however. The example you use above for the Article-3.com site is very close to what I would like… can you offer suggestions on the css for that? And does that css go in the theme’s style.css, or somewhere else?

    Thanks!

    • John,

      Yes, css goes in your them’s style.css (generally speaking). I’m always available to help with styling and custom implementations. Please use my contact form if you’d like more information about my services and pricing. If you want to DIY, I recommend you use Chrome’s developer tools to inspect the styling of the elements on Article-3 to re-use on your site. You can download the entire A-3.com stylesheet if that’s easier.

  2. .widget-title {
    color: #666;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #CCC;

    .widget ul li {
    color: #777;
    font-size: 13px;
    list-style: none;
    }

    #cd_fa-2 .cd-fa-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
    }

    #cd_fa-2 .cd-fa-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
    min-height: 60px;
    }

    .widget.featured-authors .author a {
    font-family: ‘Open Sans’, Arial, sans-serif;
    color: #B3B3B3;
    font-size: 16px;
    }

    • The best place to edit CSS is in your theme ~/wp-content/themes/{name-of-your-theme}/style.css Alternatively, you can use the WP Customizer (WP Admin -> Appearance -> Customize to add styles.

    • The best place to edit CSS is in your theme ~/wp-content/themes/{name-of-your-theme}/style.css Alternatively, you can use the WP Customizer (WP Admin -> Appearance -> Customize to add styles.

Leave a Reply