<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>How To &#8211; Content Views Pro</title>
	<atom:link href="https://contentviewspro.com/documentation/cats/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>https://contentviewspro.com/documentation</link>
	<description>Most Popular Filter &#38; Grid Plugin For WordPress</description>
	<lastBuildDate>Wed, 25 Feb 2026 04:41:22 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>How to add Featured Image to your posts, pages?</title>
		<link>https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/</link>
					<comments>https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/#respond</comments>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Tue, 23 Apr 2024 02:50:11 +0000</pubDate>
				<guid isPermaLink="false">https://contentviewspro.com/documentation/?post_type=docs&#038;p=5905</guid>

					<description><![CDATA[Featured images (also sometimes called Post Thumbnails) are images that represent an individual Post, Page, or Custom Post Type. When you create your Theme, you can output the featured image in a number of different ways, on your archive page, in your header, or above a post, for example. To add Featured image to your &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/"> <span class="screen-reader-text">How to add Featured Image to your posts, pages?</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p>Featured images (also sometimes called Post Thumbnails) are images that represent an individual Post, Page, or Custom Post Type. When you create your Theme, you can output the featured image in a number of different ways, on your archive page, in your header, or above a post, for example.</p>



<p>To add Featured image to your post, please edit the post.</p>



<p>The Featured Image meta box will be visible on the appropriate content item’s Edit screens. If a user is unable to see it, they can enable it in their <strong>Screen Options</strong> panel.</p>



<p>By default, the Featured Image meta box is displayed in the sidebar of the Edit Post and Edit Page screens.</p>



<figure class="wp-block-image aligncenter size-large"><img fetchpriority="high" decoding="async" width="1024" height="502" src="https://contentviewspro.com/documentation/wp-content/uploads/2024/04/classic-featured-image-1024x502.png" alt="" class="wp-image-5906" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2024/04/classic-featured-image-1024x502.png 1024w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/classic-featured-image-300x147.png 300w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/classic-featured-image-768x377.png 768w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/classic-featured-image.png 1193w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>Featured image box in the Classic editor.</em></figcaption></figure>



<p></p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1024" height="525" src="https://contentviewspro.com/documentation/wp-content/uploads/2024/04/block-featured-image-1024x525.png" alt="" class="wp-image-5907" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2024/04/block-featured-image-1024x525.png 1024w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/block-featured-image-300x154.png 300w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/block-featured-image-768x394.png 768w, https://contentviewspro.com/documentation/wp-content/uploads/2024/04/block-featured-image.png 1049w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>Featured image box in the Block editor.</em></figcaption></figure>



<p></p>



<p>Click on “Set featured image” then choose the image that you want.</p>



<p>Finally, click Publish or Update to save the featured image for the post/page.</p>



<p><span class="prokeys-snippet-text">Best regards,</span></p>
]]></content:encoded>
					
					<wfw:commentRss>https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Get the ID of View/Block/Widget</title>
		<link>https://contentviewspro.com/documentation/article/what-is-id-of-a-view/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Thu, 05 Nov 2015 02:22:31 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=622</guid>

					<description><![CDATA[The ID is a unique value to identify each View shortcode, block, or widget. + If you are using our shortcode, each View shortcode has this format [pt_view id="12345abcde"]=> ID of View is 12345abcde + If you are using our Block, please edit the block, click Extra tab, you will see the Block ID value. &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/what-is-id-of-a-view/"> <span class="screen-reader-text">Get the ID of View/Block/Widget</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p>The ID is a unique value to identify each View shortcode, block, or widget.</p>



<p><strong>+</strong> If you are using our <strong><span style="text-decoration: underline;">shortcode</span></strong>, each View shortcode has this format <code>[pt_view id="12345abcde"]</code><br>=> ID of View is <code>12345abcde</code></p>



<p><strong>+</strong> If you are using our <strong><span style="text-decoration: underline;">Block</span></strong>, please edit the block, click <strong>Extra</strong> tab, you will see the <strong>Block ID</strong> value.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="271" height="313" src="https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image.png" alt="" class="wp-image-6024" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image.png 271w, https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image-260x300.png 260w" sizes="(max-width: 271px) 100vw, 271px" /></figure>



<p></p>



<p><strong>+</strong> If you are using our <strong><span style="text-decoration: underline;">Elementor Widget</span></strong>, please hover the widget output in the Editor, you will see the ID at top left of the widget output:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="991" height="218" src="https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image-1.png" alt="" class="wp-image-6026" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image-1.png 991w, https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image-1-300x66.png 300w, https://contentviewspro.com/documentation/wp-content/uploads/2015/11/image-1-768x169.png 768w" sizes="auto, (max-width: 991px) 100vw, 991px" /></figure>



<p><em>(it is added since <span class="prokeys-snippet-text">Content Views </span>free 4.1)</em></p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How does Content Views get the thumbnail image?</title>
		<link>https://contentviewspro.com/documentation/article/content-views-pro-get-thumbnail/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Thu, 20 Apr 2017 02:48:48 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=2005</guid>

					<description><![CDATA[With Content Views Free, you can show featured image as thumbnail. Here is how it works: By default, Content Views will look for the featured image. If nothing found, Content Views will display a default image (how to replace default image by your image). With Content Views Pro, you can show featured image, image/video/audio in &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/content-views-pro-get-thumbnail/"> <span class="screen-reader-text">How does Content Views get the thumbnail image?</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>With Content Views Free, you can show featured image as thumbnail. Here is how it works:</p>
<ul>
<li>By default, Content Views will look for the <a href="https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/" target="_blank" rel="noopener">featured image</a>.</li>
<li>If nothing found, Content Views will display a default image (<a href="http://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/" target="_blank" rel="noopener noreferrer">how to replace default image by your image</a>).</li>
</ul>
<p>With Content Views Pro, you can show featured image, image/video/audio in post content, image custom field as thumbnail. Here is how it works:</p>
<ul>
<li>By default, Content Views Pro (CVP) will look for the featured image.</li>
<li>If no featured image found (<em>or if you select option to force replacing featured image</em>), CVP will look for image/video/audio URL in post content (<a href="http://contentviewspro.com/documentation/article/media-thumbnail/" target="_blank" rel="noopener noreferrer">how to insert image/video/audio URL</a>).<br />
If one of these things found, it will be shown as thumbnail.</li>
<li>You also can select an image custom field to show (<a href="http://contentviewspro.com/documentation/article/show-custom-field-as-thumbnail-of-post/" target="_blank" rel="noopener noreferrer">read document</a>).</li>
<li>If nothing found, CVP will display a default image (<a href="http://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/" target="_blank" rel="noopener noreferrer">how to replace default image by your image</a>).</li>
</ul>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Show manual excerpt of WordPress post</title>
		<link>https://contentviewspro.com/documentation/article/show-manual-excerpt-wordpress-post-pro-version/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Mon, 20 Jun 2016 03:05:43 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=2218</guid>

					<description><![CDATA[Content Views helps you to show the excerpt of WordPress post easily without coding.You can show the generate excerpt or manual excerpt. Manual excerpt is a default feature of WordPress. If it is not enabled yet, you can enable and use it easily: Enable for Classic Editor Enable for Block Editor Show manual excerpt Then &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-manual-excerpt-wordpress-post-pro-version/"> <span class="screen-reader-text">Show manual excerpt of WordPress post</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p>Content Views helps you to show the excerpt of WordPress post easily without coding.<br>You can show the generate excerpt or manual excerpt.<br><br>Manual excerpt is a default feature of WordPress. If it is not enabled yet, you can enable and use it easily:</p>



<h2 class="wp-block-heading">Enable for Classic Editor</h2>



<figure class="wp-block-image aligncenter size-full wp-image-3682"><img decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2016/11/WordPress-Manual-Excerpts.png" alt="WordPress manual excerpt" class="wp-image-3682"/><figcaption class="wp-element-caption">Manual excerpt in Classic editor. <em><a href="https://contentviewspro.com/documentation/wp-content/uploads/2016/11/WordPress-Manual-Excerpts.png" target="_blank" rel="noopener noreferrer">(click here to see full image)</a></em></figcaption></figure>



<h2 class="wp-block-heading">Enable for Block Editor</h2>



<figure class="wp-block-image aligncenter size-full wp-image-3746"><img loading="lazy" decoding="async" width="903" height="496" src="https://contentviewspro.com/documentation/wp-content/uploads/2016/06/gutenberg-excerpt.png" alt="Manual excerpt in new Gutenberg editor" class="wp-image-3746" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2016/06/gutenberg-excerpt.png 903w, https://contentviewspro.com/documentation/wp-content/uploads/2016/06/gutenberg-excerpt-300x165.png 300w, https://contentviewspro.com/documentation/wp-content/uploads/2016/06/gutenberg-excerpt-768x422.png 768w" sizes="auto, (max-width: 903px) 100vw, 903px" /><figcaption class="wp-element-caption">Manual excerpt in new Gutenberg editor.</figcaption></figure>



<h2 class="wp-block-heading">Show manual excerpt</h2>



<p>Then you can show the manual excerpt with <strong>Content Views</strong> easily:</p>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="630" height="497" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/09/Content-Views-Pro-show-manual-excerpt.png" alt="Content Views Pro - show manual excerpt" class="wp-image-2222" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/09/Content-Views-Pro-show-manual-excerpt.png 630w, https://contentviewspro.com/documentation/wp-content/uploads/2017/09/Content-Views-Pro-show-manual-excerpt-300x237.png 300w" sizes="auto, (max-width: 630px) 100vw, 630px" /></figure>



<h2 class="wp-block-heading" id="notice">Notices</h2>



<p>The manual excerpt is not enabled for Page by default. To enable manual excerpt for Page, please add this code to file <strong>functions.php</strong> in the theme&#8217;s folder:</p>



<pre class="wp-block-preformatted">/**
 * Enables the Excerpt meta box in Page edit screen.
 */
add_action( 'init', 'cvp_theme_add_excerpt_support_for_pages' );
function cvp_theme_add_excerpt_support_for_pages() {
	add_post_type_support( 'page', 'excerpt' );
}
</pre>



<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Display media (Youtube/Vimeo…) as thumbnail</title>
		<link>https://contentviewspro.com/documentation/article/media-thumbnail/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Mon, 21 Sep 2015 04:06:41 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=444</guid>

					<description><![CDATA[With Content Views Pro, you can show the first image/audio/video in post content as thumbnail easily. It supports Youtube, Vimeo, Dailymotion, Soundcloud. To make it work, just paste the url (of video/audio) to post content, like this Best regards,]]></description>
										<content:encoded><![CDATA[<p>With Content Views Pro, you can show the first image/audio/video in post content as thumbnail easily. It supports Youtube, Vimeo, Dailymotion, Soundcloud.</p>
<p>To make it work, just paste the url (of video/audio) to post content, like this</p>
<p><img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2015/09/embed.png" alt="embed" width="711" height="346" class="alignleft size-full wp-image-445" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2015/09/embed.png 711w, https://contentviewspro.com/documentation/wp-content/uploads/2015/09/embed-300x146.png 300w" sizes="auto, (max-width: 711px) 100vw, 711px" /></p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Display posts in Sidebar</title>
		<link>https://contentviewspro.com/documentation/article/display-posts-in-sidebar-with-content-views/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Sun, 17 Aug 2014 10:20:02 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com//?p=121</guid>

					<description><![CDATA[Content Views helps you to show WordPress posts in a beautiful grid and list easily without coding. This post will introduce you how to use Content Views to display WordPress posts in Sidebar. There are only 2 simple steps: Step 1: Create a View to query the WordPress posts you want to display in Sidebar. Step 2: &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/display-posts-in-sidebar-with-content-views/"> <span class="screen-reader-text">Display posts in Sidebar</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Content Views helps you to show WordPress posts in a beautiful grid and list easily without coding. This post will introduce you how to use Content Views to display WordPress posts in Sidebar. There are only 2 simple steps:</p>
<p><strong>Step 1</strong>: Create a View to query the WordPress posts you want to display in Sidebar.</p>
<p><strong>Step 2</strong>: In WordPress Admin menu, click Appearance > Widgets. In the Widgets page:</p>
<ul>
<li>drag and drop a <strong>Text</strong> widget to your Sidebar</li>
<li>paste the View shortcode to the content area of the Text widget</li>
</ul>
<p>Finally, click the Save button.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-734" src="https://contentviewspro.com/documentation/wp-content/uploads/2014/08/widget-latest-posts-1.png" alt="widget-latest-posts-1" width="439" height="295" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2014/08/widget-latest-posts-1.png 439w, https://contentviewspro.com/documentation/wp-content/uploads/2014/08/widget-latest-posts-1-300x202.png 300w" sizes="auto, (max-width: 439px) 100vw, 439px" /></p>
<p>&nbsp;</p>
<p>With 2 above steps, you will have a beautiful posts grid in your WordPress Sidebar.</p>
<hr />
<p>If you want to display multiple Views in tabs, please paste this HTML (<a href="http://contentviewspro.com/documentation/article/show-tabs-content-views/" rel="noopener noreferrer" target="_blank">click here</a>) to the content area of the Text widget, then insert the View shortcodes there.</p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Display WordPress category name above posts list (display term as heading)</title>
		<link>https://contentviewspro.com/documentation/article/display-term-as-heading/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Fri, 23 Oct 2015 10:03:14 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=577</guid>

					<description><![CDATA[With Content Views Pro, you can display category name above posts list easily. # Display a term above posts list Let&#8217;s add new View to start. Here are some simple steps to do: Enable the Taxonomy (Categories, Tags&#8230;) in Filter Settings &#62;&#62; Advance Select the taxonomy you want to use, for example: Category Select the &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/display-term-as-heading/"> <span class="screen-reader-text">Display WordPress category name above posts list (display term as heading)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>With Content Views Pro, you can display category name above posts list easily.</p>
<h2 id="one-term"># Display a term above posts list</h2>
<p>Let&#8217;s add new View to start. Here are some simple steps to do:</p>
<ul>
<li>Enable the <strong>Taxonomy (Categories, Tags&#8230;)</strong> in Filter Settings &gt;&gt; Advance</li>
<li>Select the taxonomy you want to use, for example: Category</li>
<li>Select the term (a category, a tag&#8230;) you want to show as heading, above the posts list</li>
<li>Select the option <strong>Show (first) term as heading of output</strong> for the &#8220;Output modification&#8221; setting</li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1594" src="https://contentviewspro.com/documentation/wp-content/uploads/2015/10/Content-Views-Pro-Show-category-as-heading.png" alt="" width="675" height="476" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2015/10/Content-Views-Pro-Show-category-as-heading.png 675w, https://contentviewspro.com/documentation/wp-content/uploads/2015/10/Content-Views-Pro-Show-category-as-heading-300x212.png 300w" sizes="auto, (max-width: 675px) 100vw, 675px" /></p>
<h2 id="many-terms"># Display many terms above their posts list</h2>
<p>If you want to display multiple categories, tags&#8230; above their posts list like this:</p>
<pre>Category #1
     post A, B, C, ...

Category #2
     post O, P, Q, ...

Category #3
     post X, Y, Z, ...
</pre>
<p>Here are 2 simple steps:</p>
<ul>
<li>Create a View for a category (<a href="#one-term">with above instruction</a>).</li>
<li>Reuse this view to show other terms above their posts.
<p>For each <strong>category</strong>, please use following shortcodes:<br />
<code>[pt_view id=VIEWID cat=CATEGORY_SLUG]</code><br />
<em>(replace VIEWID with ID of the View which you&#8217;ve created)</em>.</p>
<p>For each <strong>tag</strong>, please use this shortcode format:<br />
<code>[pt_view id=VIEWID tag=TAG1_SLUG]</code></p>
<p>For each <strong>custom taxonomy</strong>, please use this shortcode format:<br />
<code>[pt_view id=VIEWID taxonomy="TAXONOMY_SLUG" terms="TERM_SLUG"]</code></p>
<p>To find TAXONOMY_SLUG and TERM_SLUG, please open the Taxonomy page, you will find TAXONOMY_SLUG in the URL, and TERM_SLUG in the Slug column:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5727" src="https://contentviewspro.com/documentation/wp-content/uploads/2015/10/taxonomy-term-slug.png" alt="" width="838" height="453" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2015/10/taxonomy-term-slug.png 838w, https://contentviewspro.com/documentation/wp-content/uploads/2015/10/taxonomy-term-slug-300x162.png 300w, https://contentviewspro.com/documentation/wp-content/uploads/2015/10/taxonomy-term-slug-768x415.png 768w" sizes="auto, (max-width: 838px) 100vw, 838px" /></li>
</ul>
<h2 id="view-all"># Show the &#8220;View all&#8221; link beside the category name</h2>
<p>Please add this code to <strong>Custom JS</strong> field (the right textarea) in <a href="https://contentviewspro.com/documentation/wp-content/uploads/2018/03/Content-Views-_-Settings.png">Content Views &gt;&gt; Settings</a> page:</p>
<pre style="font-size: 13px;">$('.pt-cv-term-heading a').each(function(){
$(this).html($(this).html() + '&lt;span style="float:right"&gt;View all&lt;/span&gt;');
});
</pre>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Show only N posts of each selected term (category, tag &#8230;)</title>
		<link>https://contentviewspro.com/documentation/article/show-only-n-posts-of-each-selected-term-category-tag/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Fri, 13 Jan 2017 04:00:14 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1153</guid>

					<description><![CDATA[With Content Views Pro, you can show only N posts for each selected term easily. Here is how: select the For each term, show this number of posts checkbox under Filter Settings tab >> Filter by Taxonomy enter the number of posts to show for each term By using this feature, posts will be shown &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-only-n-posts-of-each-selected-term-category-tag/"> <span class="screen-reader-text">Show only N posts of each selected term (category, tag &#8230;)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>With Content Views Pro, you can show only N posts for each selected term easily. Here is how:</p>
<ul>
<li>select the <strong>For each term, show this number of posts</strong> checkbox under Filter Settings tab >> Filter by Taxonomy</li>
<li>enter the number of posts to show for each term</li>
</ul>
<p><img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/01/CVPro-X-posts-per-term.png" alt="Content Views Pro - X posts per term" width="667" height="402" class="alignnone size-full wp-image-1989" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/01/CVPro-X-posts-per-term.png 667w, https://contentviewspro.com/documentation/wp-content/uploads/2017/01/CVPro-X-posts-per-term-300x181.png 300w" sizes="auto, (max-width: 667px) 100vw, 667px" /></p>
<p>By using this feature, <em>posts will be shown in the categories order</em>. For example, you select categories as above: Audio, Content, Quote. It will show 3 posts of Audio first, then 3 posts of Content, and 3 posts of Quote last.</p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Add new social share buttons (WhatsApp, Tumblr, Parler, Email)</title>
		<link>https://contentviewspro.com/documentation/article/add-new-social-share-buttons-whatsapp-tumblr/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Mon, 10 Apr 2017 02:19:27 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=2017</guid>

					<description><![CDATA[Content Views Pro helps you to show social share buttons easily. By default, you show sharing buttons of Facebook, Twitter, Google +, Linkedin, Pinterest. To add more social share buttons, please: enable &#8220;Social Sharing&#8221; in the &#8220;Display Settings&#8221; tab of the View add this code to file functions.php of your active theme: // Content Views &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/add-new-social-share-buttons-whatsapp-tumblr/"> <span class="screen-reader-text">Add new social share buttons (WhatsApp, Tumblr, Parler, Email)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Content Views Pro helps you to show social share buttons easily. By default, you show sharing buttons of Facebook, Twitter, Google +, Linkedin, Pinterest.<br />
To add more social share buttons, please:</p>
<ul>
<li>enable &#8220;Social Sharing&#8221; in the &#8220;Display Settings&#8221; tab of the View<br />
<img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/10/social-sharing.png" alt="Content Views Pro - social sharing" width="348" height="194" class="alignnone size-full wp-image-2334" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/10/social-sharing.png 348w, https://contentviewspro.com/documentation/wp-content/uploads/2017/10/social-sharing-300x167.png 300w" sizes="auto, (max-width: 348px) 100vw, 348px" />
</li>
<li>add this code to file <strong>functions.php</strong> of your active theme:
<pre style="font-size:13px">
// Content Views Pro - Add new social buttons
add_filter( 'pt_cv_social_links', 'cvp_theme_social_links', 100, 3 );
function cvp_theme_social_links( $buttons_html, $url, $title ) {
	### whatsapp ###
	$social_link	 = sprintf( 'whatsapp://send?text=%s', $url );
	$buttons_html[]	 = sprintf( '&lt;a href=&quot;%s&quot; class=&quot;%s&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;', $social_link, esc_attr( 'pt-cv-social-whatsapp' ) );

	### tumblr ###
	$social_link	 = sprintf( 'http://www.tumblr.com/share/link?url=%s', $url );
	$buttons_html[]	 = sprintf( '&lt;a href=&quot;%s&quot; class=&quot;%s&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;', $social_link, esc_attr( 'pt-cv-social-tumblr' ) );

	### parler ###
	$social_link	 = sprintf( 'https://parler.com/new-post?message=%s&amp;url=%s', 'Check%20this%20out', $url );
	$buttons_html[]	 = sprintf( '&lt;a href=&quot;%s&quot; class=&quot;%s&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;', $social_link, esc_attr( 'pt-cv-social-parler' ) );

	### email ###
	$email_link	 = sprintf( 'mailto:?subject=%s&body=%s', 'Hello, check this post', str_replace( array( ' ', '+' ), '%20', $title ) . ": $url" );
	$buttons_html[]	 = sprintf( '&lt;a href=&quot;%s&quot; class=&quot;%s&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;', $email_link, esc_attr( 'pt-cv-social-email' ) );

	return $buttons_html;
}
</pre>
</li>
<li>add this code to <strong>Custom CSS</strong> field in Content Views >> Settings page:
<pre style="font-size:13px">
.pt-cv-social-whatsapp {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAZlBMVEVWuGFXumFXuWNWuWJXumP////t+O5fvmv6/vva8N2EzY11xn/P7NPM6s+/5cS6479rw3ZbvGfE58mz4Lma1qGr3bGQ0piJz5L0+vXw+fHj9OXV7tjH6Muj2qp7yYSp3K+f16aV1J0/49wtAAAABHRSTlP7+IB8OxNwCAAAANtJREFUOMvNk90SgiAQhak4C6SigD9ZavX+L5nUMNMg2kxXcrUDH+zZsws7HfjGYkcWn8cE4z/W/oDzvdTNeRV4Ei5K9aA6CRiLYfJBZlGIBDDINoSdzJdAjfZLCx4xYMhyXlJ4uryICOiQ8Qrh4hy2EeBoVge48PK1jAB787uoAlDkETB4YJK5WQMcfUpR2USNCCkikd5MCQnUCZGm1x/5jnATiTK5kyG98EaNCydV8WVkwuoK91HZt45Mp5o1ArIg9EpRut257nzuRs8DY/Y91X98TsaOmwQ7vQBKsRaFijPuWgAAAABJRU5ErkJggg==) no-repeat !important;
}

.pt-cv-social-tumblr {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEU5WXb///9adY7u8fPq7fC8x9FYc4v5+vva3+XJ0tpzip9HZYD4+frw8/Xe4+jS2eDN1d24w86frrySo7OPobKClql2jKBVcIlOa4U/XnoLzaiKAAAAXklEQVQ4y+XKNxKAMAxEUclBTuTM/S+KXVBKVIwL/2pn9kGTLT7IYEAj/hFFkHYnA3yzvwE68tkrRRcwqQx0GZVBJwHCXAQ4OXC7IrxB4AqIJR6Q/gCQVjtO8wbN9QDT4gH/kQUgiwAAAABJRU5ErkJggg==) no-repeat !important;
}

.pt-cv-social-email {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAllBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8oKCjExMTc3NzY2Nj8/PyYmJg8PDwrKyv4+PjV1dWmpqaFhYVqampiYmJXV1dFRUUvLy8FBQXx8fHt7e3b29vFxcWpqamSkpKJiYl2dnZnZ2cdHR0LCwv09PTi4uLg4ODHx8fDw8O4uLizs7Orq6uLi4t7e3tubm5NTU0lJSUn0fMjAAAABnRSTlP6+/iAfXyEjkPGAAAAs0lEQVQ4y93Sxw6CQBSF4VF0DsLQe6/2/v4vp8YQGSCwMjH+2/NtbnLJYk5HmgmE2/sRQif6KxCIvQIOaBd0KjQOyI6ro5XuOgYHJFhq9Nkj1YLcATArqdljLUUfYE937z0REwwBxNUJz1JfwjCAQs9AThVgGFiqodqlZ/j5IGCvS5ltM6xvJeuD0CvQxK5e2AVbX0GrTNvwwLwfwHWsTQ7UyqpTFvzcR30VzCZ2IpDRffkA0EEfRcjCR6IAAAAASUVORK5CYII=) no-repeat !important;
}

.pt-cv-social-parler {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAflBMVEW/Hi3///++GirAHy7FMj/BJTPruLvnq67RW2Tz1NXkn6TAIjHmqKzLSVT89PTjnKLeiZHz1tjpsLTlo6jilpzcgIfWbXbDKzjCJjT02Nvwy87vx8nsv8Hei5LTZG3QWmPPVF/ELjv67+/56uv34uT24uPy09TdiZHTZm/HO0c6oKDXAAAAtElEQVQ4y+XRWRaDIAwF0CQ4UEWt86y1c/e/waLl+EO6Au8vjxc4gYMRi2PUgriAq9LT5tmrqWECTY+7WDnMiEjOs9SmsUNUTAftHB9jSUwCxAbo02IClvCd+ysVkfDRC637VYw/FUGAg2sVZHjzAy3RDRnT4HqYCFMWPbAAJvAiIE1EA14vxATOBLIsy/yOmITABvTwVRws8CdQtGna5dJ8gRlRm23ygdEc8MKqsF5u7eLAvh4nCLfcRZZNAAAAAElFTkSuQmCC) no-repeat !important;
}
</pre>
</li>
</ul>
<p><strong>Notice:</strong><br />
If you are using another plugin to add social buttons to your site, you might integrate that plugin to grid/list View using the code here (<a href="https://contentviewspro.com/documentation/article/add-custom-text-html-end-post/">see document</a>).<br />
The code for <code>// Put the text, HTML or PHP code here</code> is <strong>the PHP function (or shortcode) to shows social buttons for a post</strong> of the social plugin (you might contact their support to know that function).</p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Add &#8220;NEW&#8221; icon after recent post title</title>
		<link>https://contentviewspro.com/documentation/article/show-new-icon-recent-posts-title/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Tue, 18 Jul 2017 03:34:06 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1829</guid>

					<description><![CDATA[You might want to show a &#8220;NEW&#8221; icon after your latest posts&#8217; title. Please add this code to file functions.php of your active theme: // Content Views Pro - Show custom icon in title add_filter( 'pt_cv_field_title_result', 'cvp_theme_title_new_icon', 100, 3 ); function cvp_theme_title_new_icon( $title, $fargs, $post ) { $hours = 24; /* TODO: change this value &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-new-icon-recent-posts-title/"> <span class="screen-reader-text">Add &#8220;NEW&#8221; icon after recent post title</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>You might want to show a &#8220;NEW&#8221; icon after your latest posts&#8217; title.<br />
Please add this code to file <strong>functions.php</strong> of your active theme:</p>
<pre style="font-size:13px">
// Content Views Pro - Show custom icon in title
add_filter( 'pt_cv_field_title_result', 'cvp_theme_title_new_icon', 100, 3 );
function cvp_theme_title_new_icon( $title, $fargs, $post ) {
	$hours	 = 24; /* TODO: change this value to number of hours to calculate */
	$diff	 = time() - mysql2date( 'U', $post-&gt;post_date );

	if ( $hours * 60 * 60 &gt; $diff ) {		
		// 1. To show a &quot;New&quot; icon/image, remove the 2. below
		$title = $title . &quot;&lt;img src='IMAGE_URL_HERE' /&gt;&quot;;
		
		// 2. To show a &quot;New&quot; text, remove the 1. above
		$title = $title . &quot;&lt;span style='padding:2px 8px;color:#fff;background:red;margin-left:5px;'&gt;New&lt;/span&gt;&quot;;
	}

	return $title;
}
</pre>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
