How to create a WordPress member directory?

WordPress member directory

Are you looking to create a WordPress member directory?

Now you can easily create a member directory using UserPro Plugin. UserPro automatically creates a list of all the users on your network, with avatars, pagination, and a built-in search.You can also add categories and custom search filters to your member directory using UserPro Plugin.

This tutorial can give you a quick walkthrough on how to setup a WordPress member directory.

Creating a WordPress member directory:-

First, make sure that you have Installed and activated the UserPro – User Profiles with Social Login plugin. For more details, see this step by step instruction on how to install a plugin in WordPress.

Upon activation, you can find Member Directory Page into your WordPress Dashboard > Pages Menu.

WordPress member directory

There are a number of shortcodes available in UserPro plugin. To customize the shortcode and assign as a pair option=value in your shortcode try this:-

[userpro template=memberlist option=value]

Find some of the shortcode options below:

  • exclude – Hide specific users from appearing in the member directory. e.g. 1,3,10 will hide these users from the member list.
  • Search – Turn on/off member search in the member list. Default: 1 (turned on)
  • per_page – How many members to display per page. Default: 1
  • memberlist_v2 – This can turn on/off the member directory (version 2). Default: 1 to use the new member directory layout.

Example :

[userpro template=memberlist exclude=1]

Exclude the member who’s member user id is ‘ 1 ‘.Like this, you can add a number of options into your shortcode. You can also add custom filtering available for all custom fields, including showing users per specific custom field, or role, etc.

member directory WordPress

Display Members using v1 style

This will show rounded profile picture of your members, and also supports search, filtering, and pagination.

[userpro template=memberlist memberlist_v2=0]

member directory WordPress

How to Embed the above Shortcode with PHP Code:

<?php echo do_shortcode(‘[userpro template=memberlist]’); ?>

Setting up an Enhanced Members Directory

For creating an enhanced member directory, you need to add that page using below shortcode:-

[userpro template=emd]

emd

The enhanced member directory list supports pagination, and unlimited custom filtering/sorting options were it would give you a flexible way to showcase and present your members and choose which custom fields appear for each member.

Find some of the shortcode options below:

  • emd_filters – This option will Show or hide the search and filters bar.  Default: 1  for show
  • emd_thumb – Avatar size is number only. e.g. 200 will display profile photos 200px wide.
  • emd_fields – A list of fields (including custom & default fields) to display for each of the users listed in the given member list.e.g. emd_fields=first_name,last_name,gender,country will show name, gender and country
    This option uses custom field keys.
  • emd_paginate – Enables pagination in EMD shortcode, default: 1 to enable pagination and 0 to disable pagination

How to create Custom Search Filters in EMD?

Example 1: Take Gender as a Custom Filter

Add following option and value into your shortcode: emd_gender=”Gender,radio”
The first part in your value will display the label and second part will show the type of your filter.

Example :

[userpro template=emd emd_gender=”Gender,radio”]

If you do not set radio or dropdown for the filter, it will be a default search input/text. You can make unlimited custom search filters using this method, including custom fields you created by using this pattern. emd_{custom_field}=”Label,type” in your emd shortcode.

I hope this article helped you setup a WordPress member directory. It’s an awesome way to share your things with particular people or friends on your website and keep it private, too.

If you like this article, then please follow us on Facebook and Twitter for more updates and articles.

You might also want to check out the article on how to create a WordPress redirect after successful login for users.

If you have any questions/feedback, please let me know in the comments.