{"id":13787,"date":"2020-10-05T17:00:30","date_gmt":"2020-10-05T15:00:30","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=13787"},"modified":"2021-05-11T13:38:12","modified_gmt":"2021-05-11T11:38:12","slug":"how-to-create-a-staff-list-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-a-staff-list-in-wordpress\/","title":{"rendered":"How to Create a Staff List in WordPress"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]A professionally-developed website is what you need if you want to project a serious, competent image. With WordPress, though, you can have a quality website even without a huge investment<\/strong>, which is part of the reason why WordPress is the most popular CMS around. And one of the things that a business can do to add up to the overall quality and professionalism of its WordPress website is to showcase their staff roster.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Why Have a Staff List?<\/h2>\n

[\/vc_column_text][vc_column_text]Some businesses like to have a personal touch. Attaching a face to a name using a WordPress staff list is especially useful for those businesses in which interpersonal relations between clients and employees are more important<\/strong>, such as law firms, health and dental practices, beauty parlours and the like. Many businesses might also wish to flex their personnel muscles by employing top experts in their field, and a staff roster is an excellent way of showcasing this<\/strong>. Or you may simply want your business to appear friendlier and more approachable.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]With that in mind, it\u2019s no wonder that WordPress theme developers include solutions for staff rosters in their themes. If you are serious about giving your website a professional look<\/strong>, our first suggestion, as usual, is to pick a theme with a staff list functionality<\/a> already included.[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”qi-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Create a Staff List Using a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]If you are working on a budget, though, or are unwilling to invest in a theme for some other reason, you can create a staff list in WordPress using a free plugin.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]The plugin we will be using is Simple Staff List<\/a>. We will install and activate it as we would any other plugin. If you don\u2019t know how to install and activate a WordPress plugin<\/a>, we have a tutorial for that.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Once you have installed and activated the plugin, you will find the Staff Members<\/strong> submenu in the left-hand side menu.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Clicking on the All Staff Members<\/strong> option, you will find that there are no current members of staff.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"All <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]This is where you can add staff members. In the same menu, select the Add New<\/strong> command and enter all the relevant information on your staff in the form. We will generate some identities at random and use some free stock photos in order to populate our staff roster for the purposes of this demonstration. First, enter a name and Staff Member Info<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Next, we will randomly generate some text for the Staff Member Bio<\/strong>, more random text for a phone number and an e-mail address, and use free stock photo for the Staff Photo<\/strong>. You, of course, will fill in the appropriate fields with your own staff data. Once done, you need to Publish<\/strong> each staff profile.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]We will repeat the process for three more staff members. With that done, our All Staff Members<\/strong> screen now looks a little different.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"All <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You can also choose to group your staff differently. For instance, we want to display our managers separately. To create a group, navigate to Staff Members \/ Groups<\/strong> and create a group for managers by adding a name and a description, and clicking Add New Group<\/strong>. There you can define the group, giving it a name<\/strong>, a URL-friendly slug<\/strong>, and a description<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once created, a group is empty, and your staff needs to be assigned to it. You will need to assign your staff members to a group by opening the profile of any staff member and ticking the appropriate checkbox. Having created a group of Managers<\/strong>, we will do this for our two managers.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The order in which your staff appears in pages is the order in which their profiles were created. You can modify this in Staff Members \/ Order<\/strong>. We\u2018ve decided to place our managers on top and our other staff at the bottom.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The Templates<\/strong> screen is for more advanced users. It allows you to introduce custom CSS to your staff lists. We will not be using it in this how-to. Likewise with the Options<\/strong> and Export<\/strong>. However, to actually display our list of staff, we will need the Usage<\/strong> screen. This is where you can copy our shortcodes from when you need them. We will copy the [simple-staff-list]<\/em> shortcode.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Next, we will show you how to use this shortcode in a post. It works just the same as for pages. When editing a post in Gutenberg Block Editor, click on the plus<\/strong> sign and choose the shortcode<\/strong> block. Paste the [simple-staff-list]<\/em> shortcode in its field.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Shortcode <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]And we have our WordPress staff list!
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]But, as you have seen, the photos have swallowed up a lot of space. This is because we have used large, high-resolution pictures for our staff, and we haven\u2018t paid much attention to the format. To create a more elegant, bio-focused staff list, we need a different shortcode. We will navigate again to Staff Members \/ Usage<\/strong> and copy the [simple-staff-list image_size=thumbnail]<\/em> shortcode. We will then proceed to copy it in our shortcode block instead of the [simple-staff-list]<\/em> shortcode, and our staff list will look much better. The thumbnail shortcode will also work for any other size format supported by WordPress, so you can change it to your liking.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Finally, maybe you want to feature a team on your website, or make a special post or page just for one group of your staff. We will do this with our managerial staff (members of the Managers<\/strong>) group. To do this, we will simply add the group=”Managers”<\/em> attribute to our shortcode (paste or type it in between the brackets), and the shortcode will now display thumbnail<\/em>-sized images with bios of the two members of our managerial team. This will of course work just the same with any group you may wish to create \u2013 staff at a certain location, staff in a certain role, and so on.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Staff <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]And there you have it, a simple staff list in WordPress, in about as much time as it takes to input all your staff data.
\n[\/vc_column_text][vc_empty_space height=”81px”][vc_widget_sidebar sidebar_id=”new-corporate-banner”][vc_empty_space height=”80px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

In Conclusion<\/h2>\n

[\/vc_column_text][vc_column_text]As we have shown, it is very easy to create a simple staff list for your WordPress website using a free plugin, which is also easy enough to configure and tweak to better suit your website\u2018s style and overall layout. Our first suggestion, as always, remains to use a theme which already offers this or similar functionality. If you are on a tight budget, or you don\u2018t like the solution that comes with a theme you bought, or even if you simply like doing things from scratch (or as close to from scratch as possible), we are sure that the Simple Staff List WordPress plugin will satisfy your needs for a staff list. So whether you wish to showcase the talent you employ or merely give your business a human face, you now have a quick, simple, and free solution.
\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Proud of your team? Want to showcase your personnel in the best possible light? Our how-to for WordPress staff lists has you covered!<\/p>\n","protected":false},"author":16990,"featured_media":13818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,13],"class_list":["post-13787","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/13787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=13787"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/13787\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/13818"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=13787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=13787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=13787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}