Please check step by step instruction how to display your content without any single line of coding by using The Post Grid Plugin.
Please check out Documentation and Video Tutorial also.
Step 1: Install & Active
Step 2: Create Grid => Post Source
Step 2.1: Create Grid => Layout Settings
Step 2.2: Create Grid => Fields Selection
Step 2.3: Create Grid => Style
Step 5: How to set AJAX Pagination
Step 6: How to set custom image size
Step 7: How to set Masonry Grid
Step 8: How to set Slider Layout
Step 9: How to set Isotope Layout
How to enable Social Share on Grid View
How to set Category, Search and Tag Layout
Step 1:
First download from your email download link or go login then go to purchase history and download the-post-grid-pro.zip and install from Plugins => Add New => Then upload
Step 2:
Now go to Left menu see “The Post Grid” and click “Add New” You will get 4 tabs here Post Source, Layout Settings, Field Selection & Style
Post Source:
- Post Type: First Select Post type “Post or Page”
- Common Filters:
1. Include Only: You can input specific post/page ID that you want to include.
2. Exclude: You can input specific post/ page ID that you want to Exclude. - Advance Filter: you can check with way you want to filter your post.
- Taxonomy: All Taxonomy will show here.
Then Terms will appear: - When you will check Tags this box then the Terms will appear you can select specific Tags which you want to include. Then set Relation Operator.
- When you will check the Category then the Category Terms will appear then you can select specific category which you want to include. Then set Relation Operator.
- Relation: You can set relation with 1 more terms.
- Order Settings: You can set Order by then order.
- Author: You can set specific Author or skip this.
- Status: You can select which status you want.
- Search Keyword: You set special keyword or keep it blank.
- Date Range: You can set two specific date start and end date to filter data.
Layout Settings:
- Layout: Select which layout you want from 4 different layouts.
- Filter: Check “Taxonomy Filter” if you want to make Filterable Grid, Order, Short order and Search filter
- Taxonomy Filter: Set Taxonomy Categories or Tags.
- Taxonomy Filter Type: Set Filter Type Dropdown or Button.
- Show post count: Check if want to show post count in Filter button.
- Column: Select how many column you want to display in Desktop, Tab and Mobile.
- Show sticky post: Check yes if want to show sticky post at top.
- Pagination: Check this if you want to enable pagination.
- Display Per Page: For Pagination how many you want to display per page.
- Post Loading Type: Normal pagination numbering, Load More Button and Load on scrolling.
- Feature Image Size: Select pre-define image size or can select custom image size.
- Custom Image Size: If select Custom Image Size then this option show you can set width, height and Crop type
- Media Source: Select from you get the image.
- Image type: Set image type.
- Excerpt Type: Set Character or Word.
- Excerpt Limit: You can set your own limit or it will come WP default limit.
- Excerpt More text: You can manually add … here
- Margin: You can set Bootstrap default 30 px margin or no margin.
- Grid Type: Set the Grid Type Even or Masonry
- Link to Detail Page: Yes or No
- Detail Page Link Type: Popup or New Page
- Popup Type: Single Item popup or Multiple popup with next preview button.
- Content Visible: You can set which Group can view the content public or register user group.
- Default Image: Some Layout must need image so if no featured image then image get from this default image.
Select Which fields you want to display with your page/post.
Field Selection
Style
- Parent Class: You can set a class for grid.
- Primary Color: Set primary color it is the icon color.
- Button Colors: It work for read more, Carousel buttons and pagination button color.
- Overlay Color: Overlay color, overlay opacity and overlay item top padding.
- Title, Excerpt and Meta Date style: you can set color, font size, weight and Alignment
3) Settings:
Step 1: From 1st tab you can set the popup detail page fields.
Step 2: In 2nd tab write custom CSS here.
4) How to use:
How to add Ajax Pagination :
From Short Code Generator => Layout Settings Tab
Step 1: Check Pagination Enable then 2&3 fields enable.
Step 2: Display per Page: Enter the number how many you want to display per page
Step 3: Post Loading Type: Select Load more button or Load more on scroll
How to set custom image size:
From Short Code Generator => Layout Settings Tab
Step 1: From Featured Image Size dropdown Select Custom Image Size then the input box will appear at below
Step 2: Enter your desire image width and height
How to Set Masonry Grid :
From Short Code Generator => Layout Settings Tab
From Grid Style select Masonry
How to set Slider Layout:
Step 1: Layout: First select any carousel layout
Step 2: Slider Settings: Set the slider settings
Step 3: Slider Time: Set Speed time
How to set Isotope Layout :
Step1: Layout: From Layout select dropdown select the Isotope Layout which one you want then some related fields will appear.
Step 2: Isotope Filter: Select the Filter button type Categories or Tags.
Step 3: You can set which button will be default selected.
Step 4: You can disable Show All button if check it.
Step 5: Search : If you want to show search button then check it.
How to Enable Social Share in Grid View
Go to Settings= > Social Share
Then check which items you want.
How to Set Layout for Category, Search and Tags
Go to Settings = > Others Settings Tab
Then select which Layout you want to set for category, search and tags page.
How to Enable Sticky Post:
From Short Code Generator => Layout Settings => Show Sticky Post at Top set Yes
How to add in Visual Composer
Click the Visual Composer add ons then see “The Post Grid Pro” Click on the add one you will get a window to select the layout.
Active License
Go to Settings => Plugin License then enter the license key then click Save then click active License.
For any bug or suggestion or support please mail support@radiustheme.com