How to replace WordPress layout (use Grid/Pinterest… layout for 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 show beautiful Grid, Pinterest, Timeline… of posts in 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. Show the layout in 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 have just created
    Content Views Pro - Grid layout for Category
  • 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


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.

Notices

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

Thank you,