How to Use Meet the Team

How to Use the Meet the Team?

This is a simple guide for beginner users of Meet the Team.

After activating the plugin, a new navigation entry called Team Members will appear in your administration menu.

Create team members and assign them to teams from that menu. Team members that you create will have their own pages.

Afterwards, when you check out the list of team members or teams, shortcodes will be listed on how to display your team members.

More details are explained in the succeeding sections.

Creating Team Members

Create a Team Member by navigating to Team Members > Add New Team Member.

Fill up these details for your member:

  • Put your member's name in the title,
  • Put your member's profile in the content,
  • Upload your member's photo as the featured image,
  • Enter your member's details in the meta box / custom fields area (below the content editor)
  • Optionally assign your member to a team / category

Creating Teams

Creating teams is similar to creating categories for your posts. Just head over to Team Members > Teams to create teams. Then edit team members to assign them into teams.

Our Visual Composer Element

If you have Visual Composer installed, a new element named Meet the Team will be available in your backend editor. All the information you need to use Meet the Team is included inside the element settings.

The Settings Page

You can access the settings page from Settings > Meet the Team. You can adjust the URL slugs and templates used by the plugin from there.

Using the Shortcode

You can use the shortcode using [meet_the_team], by default, using this shortcode will display all available team members. Use these arguments below customize the display (if you have Visual Composer, you can use the Meet the Team element there, no need to memorize these parameters)

Parameter Default Type Description
id string The ID of the Team Member to display, or multiple IDs separated by commas. Use this to display a single or a specific number of members.
team string The slug of a Team. Use this to display all team members of a group.
design vertical string The design of the team member list. Values can be vertical, horizontal or gallery. Vertical & horizontal can display an excerpt. Use gallery to display the team member photos with cool design options (more of this below).
layout grid string grid or carousel. Grid displays all of your members in multiple rows. Carousel displays your members in a single row in a responsive carousel.
links true boolean If true, links to each team member profile will be shown. Use false to hide the links.
num_per_row 2 number The number of team members to display in a single row. Used for grid & carousel layouts.
avatar_size medium string The feature image size of each member. WordPress sizes: thumbnail, medium, large or full. Or specific width x height strings such as 400x400 or 600x400. The avatars will shrink to accomodate the available width.
avatar_shape square string square or circle. If circle, the avatars will have a round border. Make sure that the avatar_size above is of square dimensions if you use circle.
gap 10 number The gap spacing between each team member in your grid / carousel.
display string A comma separated list of the details to display for each team member. The values can be name, position, avatar, description and social. Defaults to show all details. Descriptions will never be displayed in gallery designs.
post_type team_member string By default, the team_member custom post types are used, but you can also use other post types such as post and page. However, social icons and other member details will not be available for display.
If you use a gallery design, these parameters can be used:

Parameter Default Type Description
gallery_design_type half string half, bottom or full. The type of design to use for the gallery.
gallery_overlay_color #000000 hex color The color of the overlay - the background used to display the team member's details.
gallery_overlay_opacity 0.5 float The opacity of the overlay. Value can be from 0.0 to 1.0
gallery_text_color #dddddd hex color The color of the text details
gallery_link_color #ffffff hex color The color of the links in the details
gallery_show_on hover string hover or always. Show the overlay & details only on hover, or always show the details.
gallery_text_align center string center, left or right. The alignment of the details inside the overlay.

Integrating Into Themes

You can integrate Meet the Team inside your theme by creating a special theme template for team members.

We have provided a sample single-team_member.php file in the plugin's root folder, you can copy then modify it to your liking into your theme directory.