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. |
| 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.