How to Create a Simple Staff List in WordPress

It is in human nature that we want to know who is the person/team behind the project. It helps us personalize the business and often end up with increase in sales. This is why most businesses have an about page with a list of people behind the project. In the past we have shown how to display an author list with avatars in WordPress, but that method requires a lot of code which is not ideal for beginners. If you are a beginner, and you want to build a staff directory in WordPress without dealing with any code, then you are at the right place. In this article, we will show you how to create a simple staff list in WordPress.

First thing you need to do is install and activate Simple Staff List plugin. Upon activation it adds a Staff Members menu item in your WordPress admin sidebar. Clicking on it will take you to the list of staff members. Since you have just installed the plugin, you will have to add each staff member. Click on Add New to add a new staff member to the list. You can add an image of the staff member, position, phone number, email, and biographical information.

Once you have added all the staff members, you can easily display it on any page or post on your site by using the shortcode below:

[simple-staff-list]

Simple staff list allows you to edit the layout and style for the staff list. Go to Staff Members » Templates, there you will find a list of template tags that you can use inside [staff_loop] wrapper.

[staff_loop]
	<img class="staff-member-photo" src="[staff-photo-url]" alt="[staff-name] : [staff-position]">
	<div class="staff-member-info-wrap">
		[staff-name-formatted]
		[staff-position-formatted]
		[staff-bio-formatted]
		[staff-email-link]
	</div>
[/staff_loop]

You can add your own CSS styles or modify the default style and templates. Apart from that you can also set the display order for your staff list under Staff Members » Order.

For medium/large organizations, there is a feature that allows you to create groups of staff members. For example you can create a group for founders, investors, advisors, etc. To display a list of staff members from a particular group use this shortcode [simple-staff-list group="founders"].

Adding a staff members page under the about section of your website helps with personalization and consumer trust. People like to know who are they working with. We hope that this article helps you showcase your talented staff members and add a personal touch to your corporate site. Let us know how you showcase staff members on your website by leaving a comment below.