Content Views showcase different types of content types available in the system in different kinds of layouts.
Content Layouts is a plugin that enhances the features of views of the content available on your site. It works with default post types of the WordPress alongwith the custom post types if there are any.
The plugin comes with a variety of layouts to showcase the content available on the site on the frontend. It works with the help of a block Content Layouts that is required to be added on a Page on the site to make it work.
Some key features of the GB block available with the plugin are-
-
Provides various layouts to show content-
- Tiles
- Grid
- Single-line Scrollable
- Double-line Scrollable
- 1-4 Posts Vertical Layout
- 1-4 Posts Horizontal Layout
- Collapsible
-
The block consists of configurations for visibility settings for post date, post author and taxonomies.
-
It automatically fetches the taxonomies attached to a post and displays it.
-
Provides options to sort post data by title, date and selected posts order.
-
Provides options to select posts from the editor to display of a particular post type.
-
Provides options to select different kinds of paginations.
-
Behaves in responsive manner.
-
Works for custom post types as well.
Screenshots
![<p><strong>Tiles Layout</strong>
This screenshot shows the Tiles layout for the content layout block.
[[Image: screenshot-1.png]]</p>](https://ps.w.org/content-views/assets/screenshot-1.png?rev=3143819)
Tiles Layout
This screenshot shows the Tiles layout for the content layout block.
[[Image: screenshot-1.png]]
![<p><strong>Grid Layout</strong>
This screenshot shows the Grid layout for the content layout block.
[[Image: screenshot-2.png]]</p>](https://ps.w.org/content-views/assets/screenshot-2.png?rev=3143819)
Grid Layout
This screenshot shows the Grid layout for the content layout block.
[[Image: screenshot-2.png]]
![<p><strong>Double-Row Scrollable Layout</strong>
This screenshot shows the Double-Row Scrollable layout for the content layout block.
[[Image: screenshot-3.png]]</p>](https://ps.w.org/content-views/assets/screenshot-3.png?rev=3143819)
Double-Row Scrollable Layout
This screenshot shows the Double-Row Scrollable layout for the content layout block.
[[Image: screenshot-3.png]]
![<p><strong>Single-Row Scrollable Layout</strong>
This screenshot shows the Single-Row Scrollable layout for the content layout block.
[[Image: screenshot-4.png]]</p>](https://ps.w.org/content-views/assets/screenshot-4.png?rev=3143819)
Single-Row Scrollable Layout
This screenshot shows the Single-Row Scrollable layout for the content layout block.
[[Image: screenshot-4.png]]
![<p><strong>1-4 Posts Vertical Layout</strong>
This screenshot shows the 1-4 Posts Vertical layout for the content layout block.
[[Image: screenshot-5.png]]</p>](https://ps.w.org/content-views/assets/screenshot-5.png?rev=3143819)
1-4 Posts Vertical Layout
This screenshot shows the 1-4 Posts Vertical layout for the content layout block.
[[Image: screenshot-5.png]]
![<p><strong>1-4 Posts Horizontal Layout</strong>
This screenshot shows the 1-4 Posts Horizontal layout for the content layout block.
[[Image: screenshot-6.png]]</p>](https://ps.w.org/content-views/assets/screenshot-6.png?rev=3143819)
1-4 Posts Horizontal Layout
This screenshot shows the 1-4 Posts Horizontal layout for the content layout block.
[[Image: screenshot-6.png]]
![<p><strong>Collapsible Layout</strong>
This screenshot shows the Collapsible layout for the content layout block.
[[Image: screenshot-7.png]]</p>](https://ps.w.org/content-views/assets/screenshot-7.png?rev=3143819)
Collapsible Layout
This screenshot shows the Collapsible layout for the content layout block.
[[Image: screenshot-7.png]]
![<p><strong>Pagination Style-1,2..n</strong>
This screenshot shows the 1,2,..n pagination style for the content layout block.
[[Image: screenshot-8.png]]</p>](https://ps.w.org/content-views/assets/screenshot-8.png?rev=3143819)
Pagination Style-1,2..n
This screenshot shows the 1,2,..n pagination style for the content layout block.
[[Image: screenshot-8.png]]
![<p><strong>Pagination Style-Previous Next<></strong>
This screenshot shows the Previous Next<> pagination style for the content layout block.
[[Image: screenshot-9.png]]</p>](https://ps.w.org/content-views/assets/screenshot-9.png?rev=3143819)
Pagination Style-Previous Next<>
This screenshot shows the Previous Next<> pagination style for the content layout block.
[[Image: screenshot-9.png]]
![<p><strong>Content Details Popup</strong>
This screenshot shows the content details popup, which is opened on click of individual content-item click in the content layout block.
[[Image: screenshot-10.png]]</p>](https://ps.w.org/content-views/assets/screenshot-10.png?rev=3143819)
Content Details Popup
This screenshot shows the content details popup, which is opened on click of individual content-item click in the content layout block.
[[Image: screenshot-10.png]]
![<p><strong>Content Layout Block Configurations</strong>
This screenshot shows the block configurations for the Content Layout block.
[[Image: screenshot-11.png]]</p>](https://ps.w.org/content-views/assets/screenshot-11.png?rev=3143819)
Content Layout Block Configurations
This screenshot shows the block configurations for the Content Layout block.
[[Image: screenshot-11.png]]
![<p><strong>Post Selector Block Configurations</strong>
This screenshot shows the post selector configurations for the Content Layout block in case when Selected Posts are to be displayed in the block.
[[Image: screenshot-12.png]]</p>](https://ps.w.org/content-views/assets/screenshot-12.png?rev=3143819)
Post Selector Block Configurations
This screenshot shows the post selector configurations for the Content Layout block in case when Selected Posts are to be displayed in the block.
[[Image: screenshot-12.png]]
What types of layouts does the Content Layouts plugin offer?
The Content Layouts plugin provides several layout options to display your content, including:
- Tiles
- Grid
- Single-line Scrollable
- Double-line Scrollable
- 1-4 Posts Vertical Layout
- 1-4 Posts Horizontal Layout
- Collapsible
These layouts help you present your content in various engaging formats.
How do I configure visibility settings for my posts?
You can configure visibility settings directly within the Content Layouts block. Options include showing or hiding post date, post author, and taxonomies. These settings allow you to tailor the display of your content based on your needs.
Can I sort posts using the Content Layouts plugin?
Yes, the plugin provides sorting options for posts. You can sort by title, date, or a custom order that you select. This feature helps in organizing and presenting content in a way that best suits your site’s layout and audience.
How does the plugin handle custom post types?
The Content Layouts plugin is fully compatible with both default WordPress post types and custom post types. You can easily display and manage content from custom post types using the plugin’s flexible layout and configuration options.
Is the Content Layouts plugin responsive?
Yes, the plugin is designed to be responsive. This ensures that your content looks great and functions properly on all devices, including desktops, tablets, and smartphones.
ChangeLog
- Updated prefixes for the variables and method names.
- Added license information in the main plugin header and readme files.
- Introduced composer.
- Introduced strict typing in methods.
- Updated file comments.
- Tested plugin upto WP version 6.6.1.
- Added missed fonts and image for slick slider.
- Added dependency of jquery within viewScript dependency array in block.json of block.
- Updated plugin title and banner images to avoid trademark violation.
- Tested the plugin upto the WP latest version 6.6.2.
- Updated plugin title and banner images to avoid trademark violation.
- Tested the plugin upto the WP latest version 6.6.2.
