Employees Shortcode

Updated on January 11, 2018

The employees shortcode allows you to display a list of employees with portrait photos, job titles, descriptions and social media links. Different style options are also available for the employees shortcode.

Ken Employees Demo 1-employees shortcode

In this article, we will explain how to display and configure the employees section, as well as change the style.


Adding Employee Items

Employees item can be created using the post type Employees from the side menu of your Dashboard.

employees shortcode

1Click on “Add New Member” and you will be redirected to the Employees Add page.

employees shortcode

2Add a new title for your Employee.
3Set the Ken Employees Options
SettingDescription
Employee Position Use this option to set Employee position in the company.
Description Use this option to add a short description about the team member. WordPress default editor is also available for further styling in this option.
Email Address Use this option to add the Email Address of the employee.
Website Use this option to add the website or personal blog address of the employee.
Facebook Use this option to add employee’s Facebook page address.
Twitter Use this option to add employee’s Twitter page address.
Linked In Use this option to add employee’s LinkedIn page address.
Instagram Use this option to add employee’s Instagram page address.
Dribbble Use this option to add employee’s Dribbble page address.
Google Plus Use this option to add employee’s Google Plus page address.
Pinterest Use this option to add employee’s Pinterest page address.
4Click on the Publish button to save your pricing table. You need to repeat the steps above to add other plans to the pricing table.

Displaying Employees Shortcode

To display employees:

1Add or edit an existing page.
2In the Visual Composer section, click on the + button.

employees shortcode

3In the Add Element pop-up screen, search for Employees and click on it to be added to the page.

employees shortcode

 

4When the shortcode is added, a new pop-up screen called Employees Settings will open that allows you to configure the shortcode settings.

employees shortcode

5Click on Save Changes and publish or update the page to check the result.

Available Employees Settings

There are a few settings in employees pop-up screen regarding the employee details.

SettingDescription
Style Sets the employee display style, available options are: Column Based (Rounded), Column Based, Grid
Column Sets the employees column count.
Count Sets the employee count.
Select Specific Employees Sets a specific employee to display.
Offset Sets the number of employees posts to displace or pass over.
Description Enables displaying the employees’ descriptions.
Order Sets the employee listing order according to the orderby value.
Orderby Sets the employee listing order.
Employee Image Stretchability Enable this option if you want employee image cover the whole grid area.
Viewport Animation Sets the viewport animation.
Extra Class Name Adds a class name to the shortcode for Custom CSS.

 

Did this answer your question?