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.
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.
1Click on “Add New Member” and you will be redirected to the Employees Add page.
2Add a new title for your Employee.
3Set the Ken Employees Options
| Setting | Description |
|---|---|
| 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. |
| Use this option to add employee’s Facebook page address. | |
| Use this option to add employee’s Twitter page address. | |
| Linked In | Use this option to add employee’s LinkedIn page address. |
| 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. |
| 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.
3In the Add Element pop-up screen, search for Employees and click on it to be added to the page.
4When the shortcode is added, a new pop-up screen called Employees Settings will open that allows you to configure the shortcode settings.
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.
| Setting | Description |
|---|---|
| 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. |
Note: If you need to go beyond the default settings to customize the look and feel of the item’s design, you can add a custom CSS class in the Extra Class Name setting to be able to add specific styling to the shortcode through CSS. To find out more information, read the Adding a custom CSS class to a shortcode article.
