Skip to main content

Post Grid Configuration Instructions

How to Add It to the Page​

Enter the page editor and click the Add Block button at the top:

blogging-platform/post-grid-configuration-instructions1.png

In the Blocks section, find the Post Grid module:

blogging-platform/post-grid-configuration-instructions2.png

Click it to add it to the page:

blogging-platform/post-grid-configuration-instructions3.png

Configuration Instructions​

blogging-platform/post-grid-configuration-instructions4.png

Show/Hide​

This toggle controls whether the featured image in the grid card is displayed. Below is the effect when turned off:

blogging-platform/post-grid-configuration-instructions5.png

Author name​

This toggle controls whether the author’s name at the bottom of the card is displayed.

Avatar​

This toggle controls whether the author’s avatar at the bottom of the card is displayed.

Published date​

This toggle controls whether the published date, located to the right of the author’s name, is displayed.

Reading time​

This toggle controls whether the reading time above the post title is displayed.

Categories​

This toggle controls whether the category tags above the post title are displayed. If the post has no categories, this will not be shown.

Posts per Page​

This value controls the number of post cards displayed on a page, with a default of 6.

Columns​

This value controls the number of columns displayed in the grid, with a default of 3.

If Posts Not Found​

This text will be displayed to users when no posts are found. You can modify this text to match the language of your website.

Card Styles​

blogging-platform/post-grid-configuration-instructions6.png

Card Background​

This option controls the background color of the card, as shown below:

blogging-platform/post-grid-configuration-instructions7.png

Content Width​

This option controls the width of the entire grid content, with a default of 1200px. The effect after adjustment is shown below:

blogging-platform/post-grid-configuration-instructions8.png

Image Radius​

This option controls the border radius of the image. The effect after adjustment is shown below:

blogging-platform/post-grid-configuration-instructions9.png

Card Padding​

This option controls the padding inside the card content, usually used in conjunction with a card with a background color. The effect after adjustment is shown below:

blogging-platform/post-grid-configuration-instructions10.png

Quick Switch Between Grid and List Layouts​

You can quickly switch between list and grid layouts without needing to delete and re-add the module. The steps are as follows:

blogging-platform/post-grid-configuration-instructions11.png

After clicking, it switches to a list layout:

blogging-platform/post-grid-configuration-instructions12.png