1. Home
  2. Docs
  3. BSD Team and User Profiles
  4. Quick Start

Quick Start

We developed this Quick Start using on a brand-new WordPress installation running the Twenty-Twenty theme on WordPress 5.5 with no other plugins.

At the end of this Quick Start, you’ll have your first public team member profile created.

Start by activating the plugin. After successful activation, you’ll be taken to the Main Settings page:

Screenshot of the BSD WordPress Team and User Profiles main settings page

Leave all of these settings at their defaults. You can reference this page when customizing them later.

Create a Profile

Click User Profiles in the admin menu:

Location of the User Profiles custom post option for BSD WordPress Team and User Profiles

You’ll be taken to the main User Profiles list. Let’s go ahead and create a profile by clicking Add New:

Location of the Add New button in BSD WordPress Team and User Profiles

Enter the person’s name in the “First and Last Name” prompt. I have a (little bit of a) thing for Battlestar Galactica, so I’ll use Admiral William Adama for this example:

Adding the name to a new Profile in BSD WordPress Team and User Profiles

Next, enter biographical information for your individual:

Adding the bio to a new Profile in BSD WordPress Team and User Profiles
Special thanks to the Battlestar Galactica Wiki for the bio

Now, add a headshot by clicking Set profile photo in the Document panel on the sidebar:

Location of the Set Profile Photo button in BSD WordPress Team and User Profiles

Note: For best results, use a square image (width and height being equal).

After uploading your image, click Set profile photo:

Location of the Set Profile Button in the new Profile in BSD WordPress Team and User Profiles

Finally, add an excerpt by expanding Excerpt in the Document panel on the sidebar. This should be no more than 55 words in length, and will be displayed later.

Location of the excerpt text box in BSD WordPress Team and User Profiles

Click Publish, then click View Profile:

Location of the publish button when creating a new BSD WordPress Team and User Profile
View Profile button after publishing a new BSD WordPress Team and User Profile

Congratulations! Your first profile is now live!

Screenshot of sample BSD WordPress Team and User Profile

Displaying a Directory

Now, let’s create a page where all of our team members are listed.

Return to the WordPress dashboard, then navigate to the Team and User Profile Options settings page. Copy the shortcode used for displaying a list of profiles:

Location of shortcode definition for displaying a list of profiles with the BSD WordPress Team and User Profile plugin

Create a new page named “directory” (or whatever you prefer). Add a new block, search for “shortcode”, then click the icon to insert it into your page:

How to find the shortcode block in Gutenberg

Paste the shortcode you copied earlier, then press <ENTER>:

Pasting a shortcode into the Gutenberg shortcode block

Publish your page and view it. You’ll see a card with the team member you created earlier:

Screenshot of a single profile created with BSD WordPress Team and User Profiles

Here’s how the directory looks after adding two additional team members:

Screenshot of a multiple profiles created with BSD WordPress Team and User Profiles

Congratulations! You’ve finished the Quick Start.

To further customize the plugin, start by visiting Public Profile Settings.

Was this article helpful to you? Yes No

How can we help?