Staff
Creating a staff member
The Staff menu option on the left is where you add staff members. To add a new staff member, select the Staff > Add New option from the left hand WordPress menu. When you create a new staff member, you need to
setup a few more options.
- Title and main content the main staff member title and content as it will appear in the staff member page.
- Excerpt: the summary of your staff member's content that will be shown in the staff list when you add it as content to your pages.
You can find out how to setup the
Header Optionsin the
Pagessection here.
Linking staff member to another page or url
You can link your staff members to another page or an external url, by setting your options from the
Linkmetabox, at the bottom of the staff member page
- Link Type: Your staff member can link to a
- Default Link: the staff member page.
- Page: a page that you have created.
- Post: a post that you have posted.
- Portfolio: a portfolio item that you have created.
- Category: a category of posts.
- URL: an external URL.
- No Link: the staff member is not linkable.
- Open Link In: Where the link will open.
Adding a job title
You can set a
Job Titlefor each staff member from the
Personal Detailsmetabox, from the
Job Titlefield. This will show up when creating a staff shortcode inside the content of a page.
Setting staff social networks
You can set the
Social Iconsthat each staff member will have, by filling the
Socialmetabox. Social Icons will show up when creating a staff shortcode inside the content of a page, when you hover on the staff member image.
Staff departments
You can assign each staff member to an existing department, or create a new one from the
Departmentsmetabox located under the
Updatebutton.
Staff Page
Creating a Staff page
Creating a Staff Page is exactly the same as creating a normal page. You can find out how to create a
Staff Pagein the
Pagessection here.
Adding a staff list to a page
If you wish to add a staff section to your page, once you have created an empty row, follow these steps
- press the Add element button of the Visual Composer and choose the Staff List element. Now you can edit the staff list
- Choose a department: Populate your list from a department.
- Number of members: Number of members to display.
- List Columns: Number of columns to show staff in.
- Text Color: Set the text color of the heading.
- Show Position: Display the staff position below the name.
- Show Social Links: Show or hide the social links.
- Link Title: Makes the Title a link.
- Show Description: Show or hide the description below the image.
- Text Horizontal Alignment: The text alignment of the caption text / title.
- Item Overlay Hover Animation: What animation will be used to reveal the image hover overlay.
- Item Overlay Grid: Grid pattern to apply over the image on hover.
- Margin Top: Amount of space to add above this element.
- Margin Bottom: Amount of space to add below this element.
- Scroll Animation: Animation that will occur when the user scrolls onto the element.
- Animation Delay: Delay after scrolling onto the element before animation starts.
- Extra Classes: Add any extra classes you need to add to this element. ( space separated )
- Animation Timing: Will animate all staff at once or each one individually.
Adding a single staff member to a page
If you wish to add a single staff section to your page, once you have created an empty row, follow these steps
- press the Add element button of the Visual Composer and choose the Single Staff element. Now you can edit the Single Staff member
- Featured member: select the staff member that will be featured.
- Text Color: Set the text color of the heading.
- Show Position: Display the staff position below the name.
- Show Social Links: Show or hide the social links.
- Link Title: Makes the Title a link.
- Show Description: Show or hide the description below the image.
- Text Horizontal Alignment: The text alignment of the caption text / title.
- Item Overlay Hover Animation: What animation will be used to reveal the image hover overlay.
- Item Overlay Grid: Grid pattern to apply over the image on hover.
- Margin Top: Amount of space to add above this element.
- Margin Bottom: Amount of space to add below this element.
- Scroll Animation: Animation that will occur when the user scrolls onto the element.
- Animation Delay: Delay after scrolling onto the element before animation starts.
- Extra Classes: Add any extra classes you need to add to this element. ( space separated )