How to Make a Staff Directory in WordPress (with Employee Profiles)

Do you need to create a personnel listing for your WordPress website? An worker listing permits you to introduce shoppers to your staff contributors and win consider by means of appearing the human facet of your small business.

One drawback of working a web-based trade is that your shoppers don’t get to know you or your staff contributors in my opinion. A staff listing is helping bridge that hole.

In this text, we’ll display you ways to simply upload a personnel listing in WordPress with person worker profiles.

Creating a Staff Directory in WordPress (Step by means of Step)

First factor you wish to have to do is set up and turn on Staff List plugin. It is a loose WordPress staff listing plugin. For detailed directions, see our information on how to set up a WordPress plugin.

Next, you wish to have to cross to the Staff List » Admin web page out of your dashboard menu and click on the ‘Quick Start’ tab. You will likely be requested to input a title in your personnel template and click on the ‘Create Records’ button. For instance, you’ll title it ‘New Staff Template.’

Create New Staff Template

Once carried out, the plugin will create a personnel template and upload three personnel contributors robotically.

Next, cross to Staff List » Staff Templates out of your WordPress menu to preview your new personnel template. You want to click on at the ‘Edit’ hyperlink to configure the template.

Edit Staff Template

You will see the Template Options together with personnel web page structure, unmarried web page structure, box order, shortcodes, and so forth.

Template Options - Staff List WordPress Plugin

You can evaluate the template choices to make adjustments or just depart the default choices.

Below that, you’ll see the ‘Input Fields’ phase to customise your personnel profile.

Staff List Field Options WordPress

As you’ll see in the screenshot above, there are 6 enter fields created by means of default.

  1. Name
  2. Position
  3. Department
  4. Phone
  5. Email Link Text
  6. Staff Profile

You can alternate the label, show choices, and elegance for every box from the Field Options.

Add Staff Members to Make a Team Directory

Now that you’ve custom designed your personnel web page template, you’ll upload and customise your personnel member profiles. Go to Staff List » Staff contributors, and you’ll see the three personnel contributors already added by means of the plugin.

You can customise the default personnel member profiles by means of converting the profile knowledge. Click the ‘Edit’ hyperlink to get began.

Edit Staff Member Profiles

From right here you’ll customise the Staff Member Data for staff member checklist web page, person profile web page, and add pictures. The ‘Staff Page’ possibility displays you 6 enter fields as proven in the personnel web page template above. The knowledge you input right here will seem for your personnel listing web page.

Edit Staff Member List Page Data

Next, you’ll customise the ‘Single Page’ content material. Like the Staff Page, it additionally has 6 enter fields by means of default. However, it has a textual content box to write the person worker profile bio.

Edit Staff Member Single Page

The knowledge you input right here will seem for your person worker profile web page.

Next, you’ll upload your staff member photographs for the personnel web page and unmarried web page. You can briefly upload your member’s profile photograph by means of clicking at the ‘Select Image’ button.

Add Images to Staff Member Data

Lastly, you’ll see the ‘Options’ tab which contains Single Page search engine optimization choices. You can upload a URL slug and web page name in your staff member profile web page.

SEO Options Staff Member Data

If you permit the “Pretty” Permalink possibility clean, then your personnel profile web page may have a URL like this: http://instance.com/profile/?smid=528.

You could make it a lovely hyperlink by means of coming into your personnel member’s title with a sprint in between. For instance, you’ll use laura-taylor which might make your personnel profile web page URL: http://instance.com/profile/laura-taylor.

Don’t put out of your mind to click on at the ‘Update’ button to save your adjustments.

Repeat the similar procedure to customise all staff member profiles.

If you wish to have to upload extra staff contributors, you’ll click on the ‘Add New’ button at the most sensible.

Add New Staff Member

First, upload your personnel member’s title. Then, make a choice your personnel template from the precise sidebar and click on ‘Save Draft’ to load the enter fields.

Choose Template for New Staff Member in WordPress

Next, you’ll see the similar 6 enter fields to create a staff member profile. Add the essential knowledge as sooner than.

Add New Staff Member Data

Once carried out, don’t put out of your mind to put up your personnel member profile.

Publish Your Staff Member List in WordPress

Now that you’ve added all of your personnel member profiles, you’re ready to put up your personnel member record for your website online.

First, you wish to have to to find and replica your personnel web page template’s shortcode. Go to Staff List » Staff Templates and click on ‘Edit’ possibility under your personnel web page template. Then, the Template Options web page will open.

Click at the ‘Shortcodes’ tab and replica the Staff Page Shortcode.

Staff List Page Shortcode

After that, you wish to have to create a new web page to show your personnel member record. Go to Pages » Add New out of your WordPress admin panel and input a title in your personnel record web page. For instance, you’ll title it ‘Our Team.’

Create Our Team Page in WordPress

Then upload the Shortcode block to your WordPress web page editor house.

Add Shortcode Widget to WordPress Editor

After the shortcode widget is added, paste the shortcode you copied previous in the academic.

Add Staff Page Shortcode to Team Page in WordPress

Then, you’ll ‘Publish’ the web page.

Now you’ll open the web page to see how your personnel listing seems. Here is the way it seems at the default Twenty Nineteen theme with the default personnel member main points.

Staff Member List Page Demo in WordPress

In the record, you’ll see the ‘Profile’ possibility which doesn’t have a hyperlink. We will display you ways to upload the hyperlink in your next step.

Adding Individual Staff Member Profiles

So a ways now we have created a easy staff listing in WordPress that lists all personnel contributors.

The subsequent phase is to create a unmarried web page for every staff member to show person worker profiles.

Let’s get started by means of going to Staff List » Staff Templates and click on ‘Edit’ possibility under your personnel web page template.

On the following web page, you wish to have to click on at the ‘Single Page – Options’ tab and replica the Single Page Shortcode.

Staff Member Single Page Shortcode

Now you wish to have to create a new web page in WordPress to upload this shortcode. Go to Pages » Add New out of your WordPress panel to upload new a new web page.

Enter your web page name first — for instance, Member Profile. Then, upload the Shortcode widget to your WordPress web page editor house and paste the Single Page Shortcode you copied sooner than.

Add Staff Member Single Page Shortcode to your WordPress Page

After that, you wish to have to customise your web page permalink. It’s vital if you need the gorgeous hyperlinks to paintings, then you wish to have to just be sure you upload this sort of phrases as your web page URL slug.

  • bio
  • profile
  • profil
  • perfil

Open the ‘Permalink’ possibility in the precise sidebar and upload this sort of phrases as your web page URL. For instance, we will be able to make a choice the ‘profile.’

Staff Meember Single Page Permalink Setting

Once carried out, put up the web page. Now you wish to have to reproduction this web page permalink and upload to the Single Page Options.

You can do that by means of going again to Staff Template Options » Single Page – Options. Once there, merely paste the permalink in the Single Page URL box.

Add Staff Member Single Page URL to your Template Options

Once carried out, don’t put out of your mind to replace your personnel template.

After that, you wish to have to refresh your WordPress Permalink settings to make the gorgeous permalinks paintings. Go to Settings » Permalinks and easily click on ‘Save Changes’ on the backside with out converting the rest in this web page.

WordPress Permalinks Settings

Now you’ll open your personnel member record web page to see if the profile hyperlink is added or no longer. If it’s operating, then you’ll see the Profile textual content has a hyperlink.

Profile Link on WordPress Staff Directory Page

You can click on the hyperlink, and it is going to open your staff member’s profile web page.

Staff Member Profile Single Page in WordPress

We hope this text helped you create a personnel listing and upload worker profile pages in WordPress. You may additionally need to see our information on how to create your corporate org chart in WordPress.

If you really liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can to find us on Twitter and Facebook.

Recent Articles

Fix-iPhone Hotspot Not Working

Network related issues are the common problems that we all encounter while using a smartphone. Are you facing a problem using your...

Snapchat streak Made Easy for Beginners with the Best Tips

Snapchat streak won’t help you with all your life problems, but will surely give you a strange sense of accomplishment. Unlike streaks...

Facebook Messenger Alternatives that Keep Your Chat Private

Facebook might be the king of social media ever since its launch 16 years ago, but it is not entirely safe. If...

How to use iOS 14’s new Headphone Audio Customization feature

Apple’s iOS14 comes with several new features. Among them, the most useful feature is it allows to customize iPhone headphone for a...

How to limit third party access to Photos app in iPhone – iOS 14

The new iOS 14 has introduced several new features related to security and privacy. If you are more concerned about your privacy then...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here