This feature is only available in the Pro version.

Lazy loading for image and iframe will improve performance of page a lot.
To enable it, please check the option “Enable” for “Lazy Load” setting (under Display Settings >> Fields settings >> Thumbnail section).

Best regards,

This feature is only available in the Pro version.

Introduction

Content Views Pro helps you to display WordPress content anywhere easily. But it can help you to do even more things.

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 Content Views Pro will help you to show Grid (or another layout) in Blog, Category, Search results, Archives… pages easily, without any line of code. You will save a lot of time, effort and hassle.

How to do?

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

1. Create View to design the layout (Grid, Pinterest…)
   This step is creating a view to set the layout you want to show your posts (start at 0:30 in below video).

   If you already created the view, you can skip this step. It is about selecting layout (Grid, Pinterest, Timeline…), set number of columns, customize font & color, setup pagination… You have complete control over the layout to design it in your desired way.

   Normally, you don’t need to change any settings in “Filter Settings” of this View (leave “Filter Settings” as default), because Content Views Pro will get the posts of current page automatically.
   For example: when replacing layout of a category page, Content Views Pro will get the posts list of that current category automatically.

2. Use the View on archive pages
   In Admin dashboard, click Content Views >> Replace Layout.
   

   In the Replace Layout page:

   • select checkbox of the WordPress page you want to replace layout
   • select the View (that you created in Step 1 above) in the dropdown

   

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.

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

Customize sort order

The default sort order of page will be used, to use your custom sort order, please:

• configure the “Sort by” of the View as you want (see document)
• then select the option Use “Sort by” setting of View in the third column:
  

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 (query posts in your custom way), please:

• configure the “Filter Settings” of the View as you want
• then select the option Use “Filter Settings” of View in the third column:

Which pages can I replace the posts layout?

You can replace layout 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:
• Search results page
• Category archive
• Tag archive
• Custom taxonomy archive (WooCommerce shop page, 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, and select the View which you created to replace layout of most categories:
  
• edit the category which you want different layout (click Posts > Categories, mouse over the category and click Edit), then select the View you created for this category in the Content Views setting:
  

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)”)
  
• edit the category which you want to replace layout, then select the View you created for this category in the Content Views setting:
  

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 do not want to replace layout in sub-categories pages, please select the Category checkbox, but do not select any View (use the default option “(Select View)”):
     
   • if you want to replace layout in sub-categories pages, select the Category checkbox, and select the View which you created to replace layout of sub-categories:
     
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:
   
3. Finally, edit each of parent categories,
   then select the created View in step 2 above for the Content Views setting:
   

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,

This feature is only available in the Pro version.

You should not reuse the views that enabled Live Filter, Shuffle Filter. Because these features don’t support the below parameters.

Replace “VIEW_ID” below with ID of the View that you want to reuse.

Since version 4.4.0, you can use this feature to show related posts, and show current post’s data.

Reusing helps you to use an existing view for similar purposes, without creating new views. It saves you a lot of time & effort.
You can reuse a View by using the View shortcode with extra parameters.
These are available parameters:

• reuse_tax_query: reuse taxonomy settings of the existing View while adding extra parameters (cat, tag, taxonomy, taxonomy2, terms, terms2).For example: You have a view VIEW1 that filters posts IN category A. If you want to show posts IN category A, but NOT IN category B, this shortcode will help:
  [pt_view id="VIEW1" reuse_tax_query=1 cat="B" operator="NOT IN"]
• cat: slug, name, ID of categories to filter.For example: you have a category with name “People”, slug “people”, ID 10.
  To show posts in this category, you can use one of these shortcodes:
  [pt_view id="VIEW_ID" cat="people" field="slug"]
[pt_view id="VIEW_ID" cat="People" field="name"]
[pt_view id="VIEW_ID" cat="10" field="id"]
• tag: slug, name, ID of tags to filter
  

  // Show 5 posts by tag slugs
  [pt_view id="VIEW_ID" tag="foo,bar,content" limit=5]
  // Show posts by categories & tags
  [pt_view id="VIEW_ID" cat="cat1,cat2" tag="foo,bar"]

• taxonomy: slug of the taxonomy to filter (use taxonomy2 for the second taxonomy).
  

  To find the slug of a taxonomy, please look at the address bar of the browser when you visit the taxonomy page in Admin area:
  

• terms: slug, name, ID of taxonomy terms (use terms2 for terms of the second taxonomy).
  

  To find the slug of a term, please open the Category or Tag or Taxonomy page, then find value in the Slug column.

  To use the assigned term of the current post, please use the value “GET_CURRENT” (read more).

  To get the current term in its archive page, please use the value “GET_CURRENT_TERM”.

• field: “slug” (default), “name”, “id”.
  

  If you use the name (or ID) of categories, tags, terms for the cat, tag, terms parameter, you must use field="name" (or field="id"). Otherwise, it will return “No posts found”.

• operator: “IN” (default), “NOT IN”, “AND” (use operator2 for operator of the second taxonomy).
  IN — show posts which associate with one or more of selected terms
  NOT IN — show posts which do not associate with any of selected terms
  AND — show posts which associate with all of selected terms
• relation: “AND” (default), “OR”.
  AND — show posts which match all settings of all taxonomies
  OR — show posts which match one or more settings of taxonomies
• author: ID of authors (since version 3.2)
  [pt_view id="VIEW_ID" author="10,15"]
• post_type: Slug of the post type to filter (since version 3.2)
• limit: number of posts to show (since version 3.5)
• offset: number of posts to skip (since version 3.5)
• post_parent: ID of the parent page (since version 3.6.0).
  IDs of multiple parent pages, separate by commas (since version 5.3.4).
• keyword: keyword to search for (since version 3.9.0)
  [pt_view id="VIEW_ID" keyword="test"]
• post_id: list of post IDs to show (since version 3.9.0)
  [pt_view id="VIEW_ID" post_id="1,2,3"]
• custom_field_value: set another values for the selected custom fields in the View.
  

  // Set new value for 1 custom field in the View
  [pt_view id="VIEW_ID" custom_field_value="NEW_VALUE_HERE"]
  // Set new values for multiple custom fields in the View
  [pt_view id="VIEW_ID" custom_field_value="NEW_VALUE_FOR_FIELD_1,NEW_VALUE_FOR_FIELD_2"]

  For example, in VIEW1 you filtered events have custom field _EventVenueID equals 10. Now you want to filter events have _EventVenueID equals 20, you can use this shortcode: [pt_view id="VIEW1" custom_field_value="20"]

  >> It requires that the “Value To Compare” field in existing View is not empty:
  

Examples

To find value for term, term2 => please check here.

To find value for taxonomy, taxonomy2 => please check here.

// Show WooCommerce products by Categories
[pt_view id="VIEW_ID" taxonomy="product_cat" terms="foo,bar"]

// Show WooCommerce products by Tags
[pt_view id="VIEW_ID" taxonomy="product_tag" terms="foo,bar"]

// Show WooCommerce products by Attributes
[pt_view id="VIEW_ID" taxonomy="pa_another_attribute" terms="foo,bar"]

// Show posts match the filter settings of the VIEW1, but does not have category “foo”
[pt_view id="VIEW1" reuse_tax_query=1 taxonomy="category" terms="foo" operator="NOT IN"]

// Show posts have category “foo” but NOT have category “bar”
[pt_view id="VIEW_ID" taxonomy="category" terms="foo" operator="IN" taxonomy2="category" terms2="bar" operator2="NOT IN"]

// Show posts have category “foo” but NOT have tag “bar”
[pt_view id="VIEW_ID" taxonomy="category" terms="foo" operator="IN" taxonomy2="post_tag" terms2="bar" operator2="NOT IN"]

// Show posts of multiple tag IDs & posts must have all selected tags
[pt_view id="VIEW_ID" tag="1,2,3" field="id" operator="AND"]

// Show posts of custom taxonomy
[pt_view id="VIEW_ID" taxonomy="testimonial" terms="foo,bar"]

// Show posts IN multiple taxonomies
[pt_view id="VIEW_ID" taxonomy="testimonial" terms="foo,bar" taxonomy2="customer" terms2="too,tar"]

// Show posts IN one taxonomy, and NOT IN another taxonomy
[pt_view id="VIEW_ID" taxonomy="testimonial" terms="foo,bar" operator="IN" taxonomy2="customer" terms2="too,tar" operator2="NOT IN"]

Thank you,

To filter by a custom field, in the ” Filter Settings” tab, select the Custom Fields checkbox.
In the “Filter by Custom Fields” box, click “Add New” button, then:

• select the name of custom field for “Field Key”
• select the “Value Type” of the field. Available options are:
  • Text
  • Number
  • Decimal
  • Date
  • Date Time
  • True/False
• select option to compare in “Operator To Compare” setting. There are many options which work for all your needs:
  • Today
  • Now & Past
  • Now & Future
  • In the past
  • Equal ( = )
  • Differ ( != )
  • Greater ( > )
  • Greater or Equal ( >= )
  • Less ( < )
  • Less or Equal ( <= )
  • Exists
  • Not Exists
• enter the value for “Value To Compare” if needed. Some of above options don’t require value.

Best regards,

If you have not added any custom field yet, please check this document (click here).

To show custom field, please follow these steps:

• Click Content Views >> Add New to creating new View to show custom field
• Click Display Settings tab of the View

  

• In Fields Settings section, click the Show Custom Fields checkbox.
  In Select Fields, select the custom fields you want to show:

  
  (The options to select are the Name of the custom fields:
  
  )

Best regards,

This feature is only available in the Pro version.

To use a custom URL for posts in our grid/list, you only need to create a custom field for the post, with field name is cv_custom_url, and value is the custom URL you want to use:

(read more about adding a custom field)

That is simple.

For some advanced cases, please check below sections.

# For Media Files

If you are selecting the Media option in Filter Settings > Content Type, and want to add custom URL for media files, please follow following steps:

• Install & activate the “Advanced Custom Fields” plugin
• From the Custom Fields admin screen, click the Add New button to create a new field group
• Click the Add Field button, set
  cv_custom_url
  as value of Field Label and Field Name:
  
• Under Location, select Attachment for first select-box:
  
• Click the Publish button
• From the Media admin screen, click to edit each media file, then set your custom URL as value of cv_custom_url field:
  

# Keep The Original Link (To The Post Page)

By adding the cv_custom_url custom field to a post, these elements:

• title
• thumbnail
• read-more button

of the post in View will link to the custom/external URL.

To keep original link (to the post page) for any elements, please add this code to file functions.php in the theme’s folder:

// Content Views Pro - Keep the original URL
add_filter( 'pt_cv_field_href', 'cvp_theme_keep_post_url', 9999, 2 );
function cvp_theme_keep_post_url( $href, $post ) {
	$traces = debug_backtrace( 2 );

	$keep_post_url = array();

	// Remove below # to keep original URL for Title
	# $keep_post_url[] = '_field_title';
	
	// Remove below # to keep original URL for Thumbnail
	# $keep_post_url[] = '_field_thumbnail';
	
	// Remove below # to keep original URL for "Read more" button
	# $keep_post_url[] = '_field_content';

	foreach ( $traces as $trace ) {
		if ( in_array( $trace[ 'function' ], $keep_post_url ) ) {
			$href = get_permalink( $post );
		}
	}

	return $href;
}

# Use another custom field as custom link

If you set the link using another custom field, you can use that custom link by adding this code to file functions.php in the theme’s folder:

// Content Views Pro - use custom field value as custom link
add_filter( 'pt_cv_field_href', 'cvp_theme_use_custom_url_by_customfield', 100, 2 );
function cvp_theme_use_custom_url_by_customfield( $href, $post ) {
	$custom_url = get_post_meta( $post->ID, 'CUSTOM_FIELD_HERE', true );
	if ( $custom_url ) {
		$href = $custom_url;
	}

	return $href;
}

If you set custom link by the “WP Gallery Custom Links” plugin, replaced CUSTOM_FIELD_HERE by _gallery_link_url.

If you set custom link by the “Page Links To” plugin, replaced CUSTOM_FIELD_HERE by _links_to.

Otherwise, replace CUSTOM_FIELD_HERE with the name/key of the custom field.

# Use shortcode as value of “cv_custom_url”

If the value of the “cv_custom_url” field is not an URL, but an shortcode, please this code to file functions.php in the theme’s folder:

// Content Views Pro - use shortcode as custom link
add_filter( 'pt_cv_field_href', 'cvp_theme_use_custom_url_by_customfield_sc', 999, 2 );
function cvp_theme_use_custom_url_by_customfield_sc( $href, $post ) {
	$custom_url = get_post_meta( $post->ID, 'cv_custom_url', true );
	if ( $custom_url ) {
		$href = do_shortcode( $custom_url );
	}

	return $href;
}

Best regards,

You can do it easily with simple steps below:

• In “Filter Settings” tab, select the All/Multi post types option of “Content Type”:
  
• In “Advance” section, select Taxonomy (Categories, Tags…) checkbox.
• Select the taxonomy (for example: Category), then select terms to display in the Select Terms field.
  
  You can leave the “Select Terms” empty to display ALL terms automatically.
• Select the Show terms as output option of “Output Modification”.

You can change the layout (Grid, Pinterest, List…) in the “Display Settings” tab.
You can change the style (color, font…) in Style Settings >> Taxonomy As Output.

Since version 5.8.0, you can show the number of posts next to each term.

# Display term’s description:

In the “Display Settings” tab, please select the checkbox Show Content in the “Fields Settings”.

# Display term’s image:

• Select Show Thumbnail checkbox in Display Settings >> Fields Settings of the View.
• Edit each category/tag/term, then select thumbnail image for it:

Thank you,

With Content Views Pro, you can make money online by displaying advertisements between posts in View.
It is very simple to do it. Let’s start:

– in Advertisement tab, please select the Show ads in output option
– then paste your ad code to textarea field “Ad 1” to “Ad 10” (you don’t need to insert all 10 ads). You can paste Google Adsense code, HTML code (banner, image…).

When enables pagination, it will show you option to set maximum number of ads on each page.

About the Ads Positions setting, by default Content Views Pro will pick random positions to display ads. But you also can set it manually, for example:

(with above setting, it will show ads in first, fifth and tenth position in View output)

Best regards,

Content Views Pro help you to show related posts easily.

Notices:

Please replace VIEW_ID with ID of your View.

To limit the number of related posts to show, please add limit parameter to the shortcode, for example: [pt_view id="VIEW_ID" cat="GET_CURRENT" limit=6]

It will show No posts found if there are no posts match the combination of shortcode parameters, or the parameter value was wrong.

Showing related posts by View doesn’t support Ajax pagination. It supports Normal pagination only.

To hide the current post from related posts list, please select the checkbox “Exclude current post” in the View.

1. Show related posts for All posts

• To show related posts in Sidebar

  Please add below shortcode to the Text widget in the sidebar:

  • Shortcode to show related posts from same Category as the current post:
    

    [pt_view id="VIEW_ID" cat="GET_CURRENT"]

  • Shortcode to show related posts from same Tag as the current post:
    

    [pt_view id="VIEW_ID" tag="GET_CURRENT"]

  • Shortcode to show related posts from same specific taxonomy as the current post:
    

    [pt_view id="VIEW_ID" taxonomy="testimonial" terms="GET_CURRENT"]

    please replace testimonial by the slug of specific taxonomy in your website.

  • Shortcode to show related posts from all taxonomies of the current post:
    

    [pt_view id="VIEW_ID" taxonomy="GET_CURRENT" terms="GET_CURRENT"]

• To show related posts below the post content

  Please add below code to the file functions.php in the theme’s folder:

  // Content Views Pro - show related posts for posts
  add_filter( 'the_content', 'cvp_theme_auto_show_related_posts', 999 );
  function cvp_theme_auto_show_related_posts( $content ) {
  	if ( is_single() ) {
  		ob_start();
  		echo '<h3>Related posts</h3>';
  		echo do_shortcode( ' [pt_view id="VIEW_ID" cat="GET_CURRENT"] ' );
  		$content .= ob_get_clean();
  	}
  	return $content;
  }
  

  This shortcode [pt_view id="VIEW_ID" cat="GET_CURRENT"] shows related posts from same Category as the current post.

  If you want to show from same tag/taxonomy, please replace this shortcode with another shortcode (as mentioned here).

  • To show related posts from same specific taxonomy as the current custom post, use this code:
    

    // Content Views Pro - show related posts for custom post
    add_filter( 'the_content', 'cvp_theme_show_related_custom_post_specific', 999 );
    function cvp_theme_show_related_custom_post_specific( $content ) {
    	if ( is_singular( 'CUSTOM_POST_SLUG_HERE' ) ) {
    		ob_start();
    		echo '<h3>Related posts</h3>';
    		echo do_shortcode( '[pt_view id="VIEW_ID" taxonomy="testimonial" terms="GET_CURRENT"]' );
    		$content .= ob_get_clean();
    	}
    	return $content;
    }
    

    please replace testimonial by the slug of specific taxonomy in your website.

    please replace CUSTOM_POST_SLUG_HERE with your custom post type slug.

  • To show related posts from all taxonomies of the current custom post, use this code:
    

    // Content Views Pro - show related posts for custom post
    add_filter( 'the_content', 'cvp_theme_auto_show_related_custom_posts', 999 );
    function cvp_theme_auto_show_related_custom_posts( $content ) {
    	if ( is_singular( 'CUSTOM_POST_SLUG_HERE' ) ) {
    		ob_start();
    		echo '<h3>Related posts</h3>';
    		echo do_shortcode( '[pt_view id="VIEW_ID" taxonomy="GET_CURRENT" terms="GET_CURRENT"]' );
    		$content .= ob_get_clean();
    	}
    	return $content;
    }
    

    please replace CUSTOM_POST_SLUG_HERE with your custom post type slug.

2. Show related posts for specific posts

To show related posts for only some specific posts, please edit these posts, then add shortcode (choose the shortcode here depends on your need) to the post content area.

3. Show related posts for custom post type (product, event, …)

• To show related posts in Sidebar

  Please add below shortcode to the Text widget in the sidebar:

  • Shortcode to show related posts from same Category as the current post:
    

    [pt_view id="VIEW_ID" cat="GET_CURRENT"]

  • Shortcode to show related posts from same Tag as the current post:
    

    [pt_view id="VIEW_ID" tag="GET_CURRENT"]

  • Shortcode to show related posts from same specific taxonomy as the current post:
    

    [pt_view id="VIEW_ID" taxonomy="testimonial" terms="GET_CURRENT"]

    please replace testimonial by the slug of specific taxonomy in your website.

  • Shortcode to show related posts from all taxonomies of the current post:
    

    [pt_view id="VIEW_ID" taxonomy="GET_CURRENT" terms="GET_CURRENT"]

• To show related posts below the post content

  Please add below code to the file functions.php in the theme’s folder:

  // Content Views Pro - show related posts for posts
  add_filter( 'the_content', 'cvp_theme_auto_show_related_posts', 999 );
  function cvp_theme_auto_show_related_posts( $content ) {
  	if ( is_single() ) {
  		ob_start();
  		echo '<h3>Related posts</h3>';
  		echo do_shortcode( ' [pt_view id="VIEW_ID" cat="GET_CURRENT"] ' );
  		$content .= ob_get_clean();
  	}
  	return $content;
  }
  

  This shortcode [pt_view id="VIEW_ID" cat="GET_CURRENT"] shows related posts from same Category as the current post.

  If you want to show from same tag/taxonomy, please replace this shortcode with another shortcode (as mentioned here).

  • To show related posts from same specific taxonomy as the current custom post, use this code:
    

    // Content Views Pro - show related posts for custom post
    add_filter( 'the_content', 'cvp_theme_show_related_custom_post_specific', 999 );
    function cvp_theme_show_related_custom_post_specific( $content ) {
    	if ( is_singular( 'CUSTOM_POST_SLUG_HERE' ) ) {
    		ob_start();
    		echo '<h3>Related posts</h3>';
    		echo do_shortcode( '[pt_view id="VIEW_ID" taxonomy="testimonial" terms="GET_CURRENT"]' );
    		$content .= ob_get_clean();
    	}
    	return $content;
    }
    

    please replace testimonial by the slug of specific taxonomy in your website.

    please replace CUSTOM_POST_SLUG_HERE with your custom post type slug.

  • To show related posts from all taxonomies of the current custom post, use this code:
    

    // Content Views Pro - show related posts for custom post
    add_filter( 'the_content', 'cvp_theme_auto_show_related_custom_posts', 999 );
    function cvp_theme_auto_show_related_custom_posts( $content ) {
    	if ( is_singular( 'CUSTOM_POST_SLUG_HERE' ) ) {
    		ob_start();
    		echo '<h3>Related posts</h3>';
    		echo do_shortcode( '[pt_view id="VIEW_ID" taxonomy="GET_CURRENT" terms="GET_CURRENT"]' );
    		$content .= ob_get_clean();
    	}
    	return $content;
    }
    

    please replace CUSTOM_POST_SLUG_HERE with your custom post type slug.

If you have any questions or need help, please contact us here.

This feature is only available in the Pro version.

If you have a lot of similar Views, the duplicating feature will save you a lot of time and effort.
There are 2 different ways to duplicate a View:

1. In Content Views > All Views page, please mouse over the View you want to duplicate, then click on the link Duplicate this view:
   

   Notice: Any another button (for example: “Duplicate”, “Clone”) is not a part of our plugin, and will not work.

2. In Edit View page, please click on the button Duplicate this view at top right of the page:

Best regards,