WPBakery Page Builder – Post Grid/List Layout With Carousel: A Comprehensive Review
In this review, I’ll be exploring the WPBakery Page Builder – Post Grid/List Layout With Carousel plugin, a popular add-on for Visual Composer. With its impressive range of features and customization options, this plugin is designed to help you create visually stunning and functional post grid and list layouts with a carousel.
Key Features
The WPBakery Page Builder – Post Grid/List Layout With Carousel plugin boasts an impressive range of features, including:
- 100% Responsive Design Layouts
- Responsive Timeline Layout
- 12 Post Grid Style Options (Grid/List)
- Inline Post Read Popup (Full Customize)
- 9 Effects for Inline Popup
- Custom Columns Layout
- Custom Background Color and Hover Background Color
- Fit Row and Masonry Grid Layout
- WPML Supported
- RTL Support
- SEO-Friendly Code
Customization Options
One of the standout features of this plugin is its extensive range of customization options. With this plugin, you can:
- Choose from multiple post grid and list styles
- Customize the layout, columns, and rows
- Set custom background colors and hover effects
- Add pagination, filtering, and sorting options
- Customize the carousel and animation effects
- Set custom post-type support
Carousel Slider Features
The plugin’s carousel slider features are particularly impressive, with options such as:
- Device-Wise Items Show Options
- Auto-Play and Custom Time
- Navigation and Pagination Options
- Mouse and Touch Draggle
- Single Slide Animation
- Custom Post Type Support
Custom Taxonomy Filter and Sorting
The plugin also includes a custom taxonomy filter and sorting feature, allowing you to filter and sort posts by category, tag, or custom taxonomy.
Other Features
Some other notable features of this plugin include:
- Animation effects for grid items
- Ajax-loaded post quick view
- Customizable post excerpt
- Translation support
Conclusion
Overall, the WPBakery Page Builder – Post Grid/List Layout With Carousel plugin is an impressive and powerful tool for creating visually stunning and functional post grid and list layouts with a carousel. With its extensive range of customization options, it’s easy to create a unique and personalized design that meets your specific needs. I highly recommend this plugin to anyone looking to elevate their website’s design and functionality.
Rating
I would rate this plugin 4.28 out of 5 stars.
Recommendation
If you’re looking for a reliable and versatile plugin for creating post grid and list layouts with a carousel, I highly recommend the WPBakery Page Builder – Post Grid/List Layout With Carousel plugin.
User Reviews
Be the first to review “WPBakery Page Builder – Post Grid/List Layout With Carousel”
Introduction to WPBakery Page Builder - Post Grid/List Layout With Carousel
WPBakery Page Builder is a popular drag-and-drop page builder plugin for WordPress that allows you to create custom layouts for your website without writing any code. One of the most powerful features of WPBakery Page Builder is its ability to create custom post layouts, including grid and list layouts with carousels. In this tutorial, we will show you how to use the Post Grid/List Layout With Carousel module in WPBakery Page Builder to create a stunning post layout for your website.
Step 1: Installing and Configuring WPBakery Page Builder
Before you can start using the Post Grid/List Layout With Carousel module, you need to install and configure WPBakery Page Builder on your WordPress website. Here's how:
- Log in to your WordPress dashboard and go to the Plugins page.
- Click on the "Add New" button and search for "WPBakery Page Builder".
- Install and activate the plugin.
- Once installed, go to the WPBakery Page Builder settings page and configure the plugin according to your needs.
Step 2: Creating a New Page
To create a new page using the Post Grid/List Layout With Carousel module, follow these steps:
- Log in to your WordPress dashboard and go to the Pages page.
- Click on the "Add New" button to create a new page.
- In the page editor, click on the "Add Element" button and select "WPBakery Page Builder" from the list of available elements.
- This will open the WPBakery Page Builder editor, where you can start creating your page layout.
Step 3: Adding the Post Grid/List Layout With Carousel Module
To add the Post Grid/List Layout With Carousel module to your page, follow these steps:
- In the WPBakery Page Builder editor, click on the "Add Element" button and select "Post Grid/List Layout With Carousel" from the list of available elements.
- This will add the module to your page layout.
- You can now customize the module settings by clicking on the "Settings" icon next to the module.
Step 4: Customizing the Post Grid/List Layout With Carousel Module
To customize the Post Grid/List Layout With Carousel module, follow these steps:
- In the module settings, you can customize the following settings:
- Post type: Select the post type you want to display (e.g. blog posts, portfolio items, etc.).
- Columns: Set the number of columns you want to display for the grid layout.
- Rows: Set the number of rows you want to display for the grid layout.
- Item spacing: Set the spacing between items in the grid layout.
- Carousel settings: Set the animation speed, pause time, and navigation settings for the carousel.
- You can also customize the module's appearance by using the "Advanced" settings, such as adding custom CSS classes or IDs.
Step 5: Adding Posts to the Grid/Layout
To add posts to the grid/layout, follow these steps:
- In the module settings, click on the "Add Posts" button.
- Select the posts you want to add to the grid/layout from the list of available posts.
- You can also add custom post IDs or select a specific category or tag to display.
Step 6: Customizing the Post Layout
To customize the post layout, follow these steps:
- In the module settings, click on the "Post Layout" tab.
- You can customize the following post layout settings:
- Post title: Hide or show the post title.
- Post content: Hide or show the post content.
- Post image: Hide or show the post image.
- Post meta: Hide or show the post meta (e.g. author, date, etc.).
- You can also customize the post layout's appearance by using the "Advanced" settings, such as adding custom CSS classes or IDs.
Step 7: Saving and Publishing Your Page
Once you have customized the Post Grid/List Layout With Carousel module, you can save and publish your page. Here's how:
- Click on the "Save" button to save your page layout.
- Click on the "Publish" button to publish your page.
And that's it! You have now successfully created a post grid/list layout with a carousel using WPBakery Page Builder.
Here is a complete settings example for WPBakery Page Builder - Post Grid/List Layout With Carousel:
Layout Settings
- Layout: Grid
- Columns: 3
- Gutter: 20
- Grid Style: Default
- Grid Gutters: Yes
- Grid Columns: Yes
Post Settings
- Post Type: Post
- Post Status: Publish
- Post Order: DESC
- Post IDs: Leave empty
- Post Excerpt Length: 50
- Post Excerpt More: Read More
- Post Excerpt Trim: Yes
- Post Thumbnail Size: Thumbnail
- Post Thumbnail Shape: Square
- Post Thumbnail Border: No
- Post Thumbnail Margin: 10
- Post Thumbnail Padding: 10
Carousel Settings
- Carousel: Yes
- Carousel Items: 3
- Carousel Auto Play: Yes
- Carousel Speed: 5000
- Carousel Pause On Hover: Yes
- Carousel Navigation: Yes
- Carousel Arrows: Yes
- Carousel Dots: Yes
- Carousel Dots Style: Default
- Carousel Dots Size: 10
- Carousel Dots Margin: 10
Style Settings
- Post Title: Yes
- Post Title Tag: h2
- Post Title Font Size: 18
- Post Title Font Family: Arial
- Post Title Color: #333
- Post Title Margin: 10
- Post Title Padding: 10
- Post Excerpt: Yes
- Post Excerpt Font Size: 14
- Post Excerpt Font Family: Arial
- Post Excerpt Color: #666
- Post Excerpt Margin: 10
- Post Excerpt Padding: 10
- Post Thumbnail: Yes
- Post Thumbnail Width: 100
- Post Thumbnail Height: 100
- Post Thumbnail Border: Yes
- Post Thumbnail Border Width: 1
- Post Thumbnail Border Color: #ccc
- Post Thumbnail Margin: 10
- Post Thumbnail Padding: 10
Here are the main features and functionalities of the WPBakery Page Builder - Post Grid/List Layout With Carousel:
General Features:
- 100% Responsive Design Layouts: The plugin's layouts are fully responsive, ensuring that your posts display correctly on various devices.
- Multi-purpose: The plugin is compatible with various post types (posts, pages, custom post types, etc.)
- Fully customizble: You can customize the layout, post styles, and design settings to suit your needs.
- Fast Loading: The plugin's scripts and stylesheets are minimized and compressed to ensure fast loading times.
Layout Features:
- Grid/List layouts: Choose between a grid or list layout to organize your posts.
- Custom columns: Designate the number of columns for your posts, which can be set up in various configurations.
- Custom post types support: The plugin supports all post types, including custom post types.
- Filtering: The plugin includes a filtering option, allowing users to view posts by specific categories or tags.
Carousel and Slider Features:
- Device-pecific item display: Specify the number of items to display on different devices (e.g., desktop, tablet, mobile).
- Auto-play option: Enable or disable the carousel's auto-play feature with a custom delay setting.
- Navigation option: Choose to enable or disable navigation for the carousel.
- Custom post type support: Supports custom post types and offers a carousel slider with carousel navigation.
Sorting, Filtering, and Searching Features:
- Sorting: Enable or disable sorting options, including filters by categories, tags, and custom taxonomies.
- Filtering: Include filtering options with dropdown menus, checkbox selections, or date and taxonomy filters.
- Searching: Support search filtering with keyword searching.
Other Features:
- WPML supported: The plugin supports translating content with WordPress Multi-language (WPML) translations.
- RTL support: Supports Right-To-Left language display options.
- SEO-friendly code: Written using SEO-friendly code principles.
New Features (2020):
- Animations: Supports animating grid items when the user scrolls down.
- Ajax loaded quick view: Users can click on a post and get a quick view without redirecting to the full post page.
- Custom taxonomy filter: A dropdown menu displays categories or tags for users to select and filter posts.
- Social media link sharing: Add share icons for social media platforms below each post.
- Device- specific font sizes: Choose custom font sizes for specific devices, such as mobile, tablet, or desktop.
- Overlapping image effect: Overlay a large image over smaller posts on the grid, giving them a visually appealing, cinematic effect.
- Content filtering: Use shortcodes to filter posts based on specific criteria.
The latest version of this plugin seems to be v1.4, released on May 27, 2020.
Related Products
$19.00
There are no reviews yet.