Here is the step by step instructions how to setup and configure TLP Portfolio FREE version for WordPress. We did new update in 2.7 added new shortcode generator & layout preview option.
Step 1: First Install “TLP Portfolio” you can install 3 ways
- Go to WordPress Admin then add new plugin => Then Search “TLP Portfolio” and install
2) You can download from wordpress.org then Install & Active
3) Or download from wordpress.org then unzip and upload into plugin directory via FTP .
Step 2: Active the “TLP Portfolio” plugin
Step 3: Settings First go to Settings menu
Now set your proper settings:
- Primary Color & Image Size: From V 2.7 we move this settings in shortcode Generator
- Slug: Set slug or keep as default
- Link to detail page: From V 2.7 we move this settings in shortcode Generator
- Custom CSS: Now custom CSS can write in WordPress Appearance => Customize => Additional CSS
Step 4: Add Category
Step 5: Add Portfolio item
Step 6: Portfolio Admin view
ShortCode Generator (V 2.7):
1) Layout Tab:
1.1) Layout: Select Layout from dropdown.
1.2) Column: Select how many columns you want for Desktop, Tab & Mobile.
1.3) Pagination: Check the box to enable pagination.
1.4) Image Size: You can select your desier image size.
1.5) Disable Image: Check this box to hide image
1.6) Short Description Limit: You can set Excerpt limit if not set will show full excerpt.
1.7) Detail Page Link: Check to Enable detail page link.
1.8) Detail Page Link Type: Set link type.
1.9) Disable Equal Height: Disable Edual height of Grid.
1.10) Layout Preview: You can see how the preview look.
2) Filtering
2.1) Include Only: Add post ID by comma which post want to include.
2.2) Exclude: Add post ID by comma which post want to exclude.
2.3) Limit: You can set limit how many post you want to display.
2.4) Categories: You can select which category want to display.
2.5) Tags: You can select which tags want to display.
2.6) Taxonomy Relation: You can set relation with category & tags.
2.7) Order By: Set order by
2.8) Order: Set order
3) Styling
3.1) Parent Class: you can set your class to write own CSS.
3.2) Primary Color: You can set Primary color
3.3) Overlay Color: You can set Overlay color of image
3.4) Button Color: You can set button background color, hover color, active color & text color.
3.5) Portfolio Title: You can set portfolio title color, font size, weight & alignment.
3.6) Short Description: You can set short description title color, font size, weight & alignment.
How to use:
Gutenberg Editor:
Now select the shortcode from right Block
Another way Just copy the Shortcode and use into Text Editor
Isotope Layout
From Layout Selection select Isotope Layout then from style Tab set the button colors and others color as your theme color match.
Widget Settings:
Set your proper settings how many you want per slide, how many total and others setting then click save.
Widget Slider View
For any bug or suggestion please mail support@radiustheme.com
