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.
In this article
Adding Employee Items
Employees item can be created using the post type Employees from the side menu of your Dashboard.
|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.|
Displaying Employees Shortcode
To display employees:
Available Employees Settings
There are a few settings in employees pop-up screen regarding the employee details.
|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.|