How to Add Staff Member Profiles in WordPress with Staffer

We are often asked about easy ways to add staff member profiles in WordPress. Previously, we showed you how to add staff member profile pages, but it required editing templates. What if we told you that there is an easier way to manage staff member profiles in WordPress? In this article, we will show you how to add staff member profiles in WordPress with Staffer. Hopefully, this tutorial will make adding staff members easier for most users.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate the Staffer plugin. Upon activation, the plugin will add a new admin menu called Staff and a configuration area called Staffer Options.

To configure the plugin settings, you need to visit Settings » Staffer Options.

If you want to display your staff photos and descriptions in a nice grid layout, then check the first option on the page. Next, you need to choose how many profiles you want to show on a page. By default it will show 9 profiles, but you can change it based on your preference. Staffer also lets you choose a custom page title and URL slug for the Staff page.

Since there are thousands of WordPress themes with their own stylesheets and layouts, it is difficult to make grid CSS work nicely with every theme. This is why the plugin has an option to wrap the grid around your own custom wrappers.

To further tweak the appearance of the grid, you can also add your own custom CSS rules. We had to use this one line of CSS when we tested the plugin with TwentyTwelve default theme.

۱

۲

۳

.staffer-archive-grid li {

vertical-align:top;

}

After you are satisfied with the settings, you need to click on the Save Changes button to save your settings.

Adding Your Staff Profiles

Staffer makes it easier to add staff profiles. However, your staff members cannot edit their own profiles unless they have permissions to edit or write posts on your website. To create a staff member profile page, you need to visit Staff » Add New

First add your staff member name, and then add biographical information in the post editor. On your right hand side, you will see a custom box. The first option in the custom meta box is labeled title. This is where you can add the individual’s role or position in your organization. Below that, you can add links to the staff member’s social media profiles.

You can add a staff member photo by clicking on the featured image and uploading a profile photo. Once you are done, you can save the staff member profile or publish it.

Displaying Staff Member Profiles on Your WordPress Site

Because Staffer uses a custom post type called staff to store member profiles, all staff profiles are automatically displayed on a Staff page.

If you are using SEO friendly URL structure on your WordPress site, then by default your staff member page’s URL would be this:

http://www.example.com/staff/

You can add this URL in your site’s navigation menu by going to Appearance » Menus in your admin area. On your left hand side, you need to add the URL and Title in the ‘Links’ area. Click on the Add to Menu button and then click on Save Menu button to save your changes. A link to your staff members page will appear in your site’s navigation menu.

We hope this article helped you learn an easier way to add staff member profile pages in WordPress. If you would rather just show a simple list of staff members, then take a look at our guide on how to create a simple staff list in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

Leave a Reply

Your email address will not be published. Required fields are marked *