How to use Grid layout to display WordPress posts in the Blog, Category, Search… pages?

This feature is only available in the Pro version.

Content Views Pro helps you to display WordPress content anywhere easily. But it can help you to do even more things.
There is a powerful feature Replace Layout which helps you to use the Grid (or other layouts) to display posts in the Blog, Category, Search results, Archives page of your WordPress site without coding, in minutes!

The Blog, Category, Search results, Archives… are special pages of each WordPress site. The posts layout in these pages is managed by the active theme. To show Grid in these pages, you will need to modify theme’s files. That is a complicated task, requires coding skills and knowledge about HTML, PHP and WordPress.

The Replace Layout feature of CVPro will help you to show Grid (or any layout of CVPro) in Blog, Category, Search results, Archives… pages easily, without any line of code. You will save a lot of time, effort and hassle.

This video will demonstrate how to use the Replace Layout feature to show Grid in your WordPress category page:


How to do?

There are only 2 simple steps to show Grid in your Blog, Category… pages:

  1. Design the layout (Grid, Pinterest…)
    Creating a new View to define the layout you want (start at 0:30 in above video). In the new View, you can use any layout (Grid, Pinterest, Timeline…), customize font & color, setup pagination… You have complete control over the layout to design it in your desired way.

  2. Use the layout on page
    In Admin dashboard, click Content Views >> Replace Layout.
    In the Replace Layout page:

    • select the WordPress page you want to replace layout
    • select the View you want to use

    Content Views Pro - Grid layout for Category

  3. For Categories (or Tags, custom taxonomies), you can select a different layout for each category (read more).

That’s done. You now have beautiful Grid layout in your Category pages effortlessly.

To disable this feature for any page, please uncheck the checkbox of that page.


Customize sorting order

By default, the sorting order of page will be used, to use your custom sorting order, please select the option Use “Sort by” setting of View in the third column:
Replace Layout - change posts order


Overwrite the result

By default, the returned result by WordPress for a page will be used, for example the Blog page will display posts from all categories. To overwrite this result (for example showing posts from only a specific category), please configure the View as you want, then select the option Use “Filter Settings” of View in the third column:

Replace-Layout-overwrite-result


Which pages can I replace the posts layout?

You can use Grid (or any layout of CVPro) in many WordPress pages:

  • Blog page: is the default latest posts page, or the Posts page page which you selected in WordPress admin Settings > Reading:

    CVP - select Blog page for WordPress

  • Search results page
  • Category archive
  • Tag archive
  • Custom taxonomy archive (WooCommerce product categories, EDD download categories, event categories…)
  • Other archives (author, date, month, year)
  • Post type archives
  • Single post, single page, single product, single event… page


How to use a different layout for each category?

To use a different layout for each category, please:

  • in the Content Views >> Replace Layout page, select the Category checkbox, select the common View to replace layout of all categories:

    CVP - replace layout of Category common View

  • edit the category which you want different layout (click Posts > Categories, mouse over the category and click Edit), then select a View for the Content Views setting:

    Content Views Pro - specific View for replace category layout

You can use different layouts for different tags, custom taxonomies too.

How to replace layout for only a specific category?

If you don’t want to replace layout of all category pages but only a specific category, please:

  • in the Content Views >> Replace Layout page, select the Category checkbox, but do not select any View (use the default option “Select View”)

    CVP - replace layout of Category default

  • edit the category which you want to replace layout, then select a View for the Content Views setting:

    Content Views Pro - specific View for replace category layout

You can replace layout for only a specific tag, custom taxonomy too.

How to show sub-categories on the parent category page?

By default, WordPress will display posts on any category page.
How to display sub-categories on the parent category page? Content Views Pro (since version 5.3.0) will help you to do it easily in 3 simple steps:

  1. First, in the Content Views >> Replace Layout page:

    • if you want to keep the default posts layout in sub-categories pages, please select option like this:
      CVP - replace layout of Category default
    • if you want to replace the default posts layout in sub-categories pages by a View, please select option like this:
      CVP - replace layout of Category common View
  2. Secondly, let’s create a View to show sub-categories.
    In that View, select the Taxonomy checkbox in Filter Settings > Advance. Then select options like this:

    CVP - show subcategories on category archive page

  3. Finally, edit each of parent categories,
    then select the created View in step 2 above for the Content Views setting:
    cvp-select-view-for-parent-category

These steps can be applied to category, or any custom taxonomy.


Notices

Above settings will not work with the themes of RocketTheme, please click here for the solution.

Thank you,