Step by step how to setup and configuration TLP Team PRO for WordPress.
1. Download &Install
4. Add Designation
5. Add Skills
6. Add Member
7. ShortCode Generator
9. Field Selection
11) Add into Page/Post
12) Add into Visual Composer
13) Show Single Member
14) Add Carousel Slider
15) Update V1.0 to V1.1
15) Active License
Install the plugin
After Active the TLP Team PRO you will see like this
Step 2: Now go to settings and set the image size and link type.
3.1) General settings: You can change your slug from here.
Detail Page Field Control
You can control all fields of detail page which will display or not.
Write your own custom css here
4) Add Designation:
From Left Menu you can also add from Add Member form.
5) Add Skills
6) Add Member:
form here skills come from Left side skills menu so if you need skill add it first
6.1) First field is member name.
6.2) Add Detail profile it show in detail page or popup,
6.3) Short Bio: This field will show in list view and some layout hover but you can control it show/hide.
6.4) Experience, Email, Personal web url, Telephone, Mobile and Location are optional field if you input then it will show also you can control it from short code generator show/hide.
6.5) Member Skill: Add Different skill here.
6.6) Member Social Link: Add member social link here.
6.7) Department: You can add from here or Select which department ie category.
6.8) Designation: You can add from here or select designation (multiple designation allow).
6.9) You can set ordering from here.
6.10) Set Featured image it will be profile image.
6.11) Image Gallery: You can add additional image for gallery.
6.12) Author: You can assign member as a author. In detail page author post will show.
7) ShortCode Generator:
Give a title of the shortcode then see three tabs here General Settings, Field Selection then Styling
7.1) Layout: We have total 33 different layout Grid View, Table View, Isotope & Carousel so select which one you want.
7.2) Column: You can select how many columns toy want per row for Desktop, Tab & Mobile.
7.3) Filter: You can Select Filter criteria from here that will show in front end.
7.4) Pagination: You can enable pagination.
7.5) Pagination Type: Select which type of pagination you want.
7.6) Display Per Page: Enter how many want to display per page.
7.7) Image Size: Select pre-defile image size or you can input custom image size.
7.8) Short Description Limit: Set character limit [Note: if use HTML code in short Description then don’t set limit]
7.9) Margin: Select default 30 px margin or no margin.
7.10) Image Style: Select image style Square or Rounded.
7.11) Grayscale Image: Check this if you want gray scale image.
7.12) Grid Style: Select Grid style Even or Masonry.
7.13) Detail Page Link: Check to enable detail page link.
7.14) Detail Page Link Type: Select Popup / New Page / External link.
7.15) Popup Type: Select popup type Single or Multiple.
7.16) Default Image: You can select a default image if no image this it will show.
8.1) Include Only: You can include specific member (s)
8.2) Exclude: You can Exclude member (s).
8.3) Limit: You can set how many members want to show.
8.4) Departments: You can select which department (s) member you want to display.
8.5) Designation: You can select which designation (s) member you want to display.
8.6) Taxonomy Relation: Set relation and / OR
8.7) Order By: Set order by
8.8) Order: Set order Ascending or Descending.
9) Field Selection:
You can select the fields which you want to display in list view page.
All style Primary color, text size, text color and alignment you can set from here.
10.1) Parent Class: You can set a parent css class so you can write specific CSS style.
10.2) Primary Color: You can set Primary color as your theme color.
10.3) Button Color: You can set button background color hover color, active color and text color.
10.4) Gutter/ Padding: You can set member to member padding.
10.5) Overlay background: Set overlay background color and opacity.
10.6) Popup background: Set popup background color
10.7) Overlay top padding: You can set overlay top padding.
10.8) Name: Set name color, font size, overlay and opacity.
10.9) Designation: Set designation color, font size, overlay and opacity.
10.10) Short biography: Set short bio color, font size, overlay and opacity.
10.11) Email: Set email color, font size and weight.
10.12) Web url: Set web url color, font size and weight.
10.13) Location: Set location color, font size and weight.
10.14) Telephone: Set telephone color, font size and weight.
10.15) Mobile: Set mobile color, font size and weight.
10.16) Skill: Set skill color, font size, weight and alignment.
10.17) Social Link: Set social link color, font size, weight and alignment.
10.18) Social icon background: Set social icon background color.
10) Add into Page/ Post:
From Visual Editor see TLP Team icon click on this icon then a popup open with the shortcode you generated in (9) seelct the shortcode then click ok this will insert a shortcode into your page/post.
Then save the page/post and go to front end you will get the team member.
popup for select shortcode.
11) How to add into Visual Composer:
From the Visual Composer Element Select TLP Team PRO then you will get short code Selection option see next screenshot.
Select Short code
12) How to select specific Member or Members
First check box the specific member then in right a selection option will come from here you can select one or more member just select member name
13) Add Carousel Slider:
From shortcode generator first select the carousel layout then see bottom the carousel settings will come check which options you want.
Q: How to update TLP Team WordPress V1.0 to V2.0
Ans: It is easy as usual how WordPress plugin update you do do by two different ways
- First De-active TLP Team Pro from admin end the delete it (Noted: No data will lost).
- By FTP you can delete the wp-content/plugin/tlp-team-pro folder then re-upload the new version after that please De-active and Active the plugin.
15) Active License
go to Settings =>Plugin License
Enter your license key then click save after save refresh the page you will get Active Button now click “Activate License”