// Content Views Pro - Display custom HTML at end of post
add_action( 'pt_cv_item_extra_html', 'cvp_theme_item_extra_html' );
function cvp_theme_item_extra_html( $post_id ) {
	global $pt_cv_id;
	if ( $pt_cv_id === 'VIEW_ID' ) {
		ob_start();

		// Put the text, HTML or PHP code here

		echo ob_get_clean();
	} // Ensure to put } BELOW the line of ob_get_clean()
}

(Please replace VIEW_ID with ID of your View)

Notice: This task requires your coding skills about PHP, HTML.

Best regards,

But if you want to create your own HTML output of post in View, you can add this code to file functions.php of your active theme:

// Content Views Pro - Very custom HTML output for each post
add_filter( 'pt_cv_view_type_custom_output', 'cvp_theme_view_type_custom_output', 100, 3 );
/**
 * Customize HTML output of each post
 *
 * @param string $args       Current HTML output for a post
 * @param array $fields_html Array of fields (title, thumbnail, content...) and their HTML output
 * @param object $post       The current post object
 * @return string
 */
function cvp_theme_view_type_custom_output( $args, $fields_html, $post ) {
	// Do this for only specific Views
	global $pt_cv_id;
	if ( in_array( $pt_cv_id, array( 'VIEW_1', 'VIEW_2', 'VIEW_3' ) ) ) {
		ob_start();
		?>
		<!-- Your custom HTML here. You can access:
		$fields_html[ 'thumbnail' ]
		$fields_html[ 'title' ]
		$fields_html[ 'content' ]
		$fields_html[ 'meta-fields' ]
		$fields_html[ 'custom-fields' ]
		$fields_html[ 'others-wrap' ] (when enable "Do not wrap text around image")
		-->
		<?php
		$args = ob_get_clean();
	} // Ensure to put } BELOW the line of ob_get_clean()

	return $args;
}

Please replace VIEW_1, VIEW_2, VIEW_3 with IDs of your Views. And you can add/remove Views as you want.

Notice: This task requires your coding skills about PHP, HTML.

Best regards,

/**
 * Add extra info before/after the field.
 * @TODO: Remove any line below if you don't need
 */
add_filter( 'pt_cv_item_title', 'cvp_theme_custom_content_to_field', 10, 2 );
add_filter( 'pt_cv_item_thumbnail', 'cvp_theme_custom_content_to_field', 10, 2 );
add_filter( 'pt_cv_item_content', 'cvp_theme_custom_content_to_field', 10, 2 );
add_filter( 'pt_cv_item_meta-fields', 'cvp_theme_custom_content_to_field', 10, 2 );
add_filter( 'pt_cv_item_custom-fields', 'cvp_theme_custom_content_to_field', 10, 2 );

/**
 * The function to add extra content to before (or after) above field
 * @param string $html
 * @param object $post
 * @return string
 */
function cvp_theme_custom_content_to_field( $html, $post ) {

	$position = 'after'; // or 'before' the field

	ob_start();
	// @TODO: Add text, HTML, PHP code (access current post ID by $post->ID)

	$extra = ob_get_clean();
	if ( $position === 'after' ) {
		$html .= $extra;
	} else {
		$html = $extra . $html;
	}

	return $html;
}

Notice 1: This task requires your coding skills about PHP, HTML.

Notice 2: If you want to apply above code to specific view only, below this line:

function cvp_theme_custom_content_to_field( $html, $post ) {

please add this line:

global $pt_cv_id; if ( $pt_cv_id !== 'VIEW_ID' ) { return $html; }

and replace VIEW_ID with ID of your View.

Best regards,

Add simple icon, text

Please add this code to Custom CSS field in Content Views >> Settings page:

.pt-cv-custom-fields[class*="FIELD_KEY"] {
    display: block !important;
}
.pt-cv-custom-fields[class*="FIELD_KEY"]:before {
    display: block;
    content: 'Your text here';
}
.pt-cv-custom-fields[class*="FIELD_KEY"]:after {
    display: block;
    content: 'Your text here';
}

(replace FIELD_KEY with the key of your custom field)

This is a sample to show a FontAwesome icon before the value:

.pt-cv-custom-fields[class*="FIELD_KEY"]:before {
    display: block;
    font-family: "Font Awesome 5 Brands";
    content: "\f082"; /* replace f082 with Unicode of the icon you want to use */
}

(to use FontAwesome, you need add this code to the header.php file of the theme:

<link rel="stylesheet" type="text/css" href="//use.fontawesome.com/releases/v5.7.2/css/all.css">

)

Add complex HTML

Please add this code to file functions.php in the directory of your active theme:

// Content Views Pro - Prepend prefix for custom field
add_filter( 'pt_cv_ctf_value', 'cvp_theme_ctf_value_prepend', 100, 3 );
function cvp_theme_ctf_value_prepend( $value, $key, $post ) {

	if ( $key === 'FIELD_KEY_1' ) {
		$value = 'YOUR CUSTOM HTML' . $value . 'YOUR CUSTOM HTML';
	}

	if ( $key === 'FIELD_KEY_2' ) {
		$value = 'YOUR CUSTOM HTML' . $value . 'YOUR CUSTOM HTML';
	}

	// and so on
	
	return $value;
}

For both cases, please replace FIELD_KEY_1, FIELD_KEY_2 with name of your custom fields.

Best regards,

• Filter by Custom Field:
  “Field Key”: select the custom field that you want to filter
  “Value Type”: select Text (or another option depending on value type of selected field),
  “Operator To Compare”: select Equal (=) (or another option depending on your needs),
  “Value To Compare”: enter 1 (or enter actual value, please ensure value is not blank or empty).
  
• then add this code to file functions.php of your active theme:

  // Content Views Pro - set value of custom field dynamically
  add_filter( 'pt_cv_query_ctf_value', 'cvp_theme_query_ctf_dynamic_value', 100, 2 );
  function cvp_theme_query_ctf_dynamic_value( $args, $key ) {
  	global $pt_cv_id;
  	if ( $pt_cv_id === 'VIEW_ID' && $key === 'NAME_OF_CUSTOM_FIELD' ) {
  
  		/* Todo: replace 1 by PHP expression/function to set dynamic value for custom field */
  		$value = 1;
  
  		if ( PT_CV_Functions::setting_value( PT_CV_PREFIX . 'enable-pagination' ) ) {
  			global $pt_cv_id;
  			$trans_key = 'cvp_ctf_value_' . $key . $pt_cv_id;
  			if ( !defined( 'PT_CV_DOING_PAGINATION' ) ) {
  				set_transient( $trans_key, $value, 1 * HOUR_IN_SECONDS );
  			} else {
  				$value = get_transient( $trans_key );
  			}
  		}
  
  		// If value is not empty (0, null, false, empty string/array)
  		if ( !empty( $value ) ) {
  			$args = $value;
  		}
  	}
  
  	return $args;
  }
  

  and replace VIEW_ID with ID of your View, replace NAME_OF_CUSTOM_FIELD with name of the custom field.

If you want to filter the posts that have custom field value is same as custom field value of current post, you can replace $value = 1; in above code with this code:

global $post;
$meta = get_post_meta( $post->ID );
$value = !empty( $meta[ 'NAME_OF_CUSTOM_FIELD' ][ 0 ] ) ? $meta[ 'NAME_OF_CUSTOM_FIELD' ][ 0 ] : 0;

(replace NAME_OF_CUSTOM_FIELD with name of the custom field)

Notice: This task requires coding skill. So please ensure that you know what to do.

Best regards,

• Step 1: add a custom field to every existing and upcoming posts, to store the published year or date.
  Please add this code to file functions.php in the theme’s folder (or install this plugin Code Snippets then add this code to the “Code” textarea):

  // Content Views Pro - add custom field to store the published year or date
  $GLOBALS[ 'cvp_theme_lfdpt' ] = 'post'; // Can change to another post type
  $GLOBALS[ 'cvp_theme_lfdvar' ] = 'cvp_published_year';
  $GLOBALS[ 'cvp_theme_lfdtype' ] = 'year'; /** Or change to 'published_date' if you want to filter by published date */
  
  add_action( 'admin_head', 'cvp_theme_add_ctf_dmy_to_exising_posts' );
  function cvp_theme_add_ctf_dmy_to_exising_posts() {
  	$option = 'cvp_theme_add_ctf_year' . $GLOBALS[ 'cvp_theme_lfdpt' ];
  	if ( !get_option( $option ) ) {
  		global $wpdb;
  		$mval = ($GLOBALS[ 'cvp_theme_lfdtype' ] === 'published_date') ? "DATE_FORMAT(post_date_gmt, '%Y-%m-%d')" : 'YEAR(post_date_gmt)';
  		$wpdb->query( "INSERT INTO {$wpdb->postmeta} (post_id,meta_key,meta_value)
    SELECT ID, '{$GLOBALS[ 'cvp_theme_lfdvar' ]}', {$mval}
    FROM {$wpdb->posts} WHERE {$wpdb->posts}.post_type = '{$GLOBALS[ 'cvp_theme_lfdpt' ]}' AND {$wpdb->posts}.post_status = 'publish'" );
  		add_option( $option, 1, '', false );
  	}
  }
  
  add_action( 'save_post', 'cvp_theme_add_ctf_dmy_to_new_posts' );
  function cvp_theme_add_ctf_dmy_to_new_posts( $post_id ) {
  	if ( !wp_is_post_revision( $post_id ) && get_post_type( $post_id ) === $GLOBALS[ 'cvp_theme_lfdpt' ] ) {
  		$val = ($GLOBALS[ 'cvp_theme_lfdtype' ] === 'published_date') ? 'Y-m-d' : 'Y';
  		update_post_meta( $post_id, $GLOBALS[ 'cvp_theme_lfdvar' ], get_the_date( $val, $post_id ) );
  	}
  }
  // End code
  

• Step 2: Create a new View to show the years list, and allow visitors to filter posts by year.
  In Admin area, click Content Views > Add New menu item.
  In Filter Settings tab of the View, select Custom Fields in Advance group, then click Add New button.
  A new field will be added, please select options as same as here:

  If you show frontend filter by published date, please select the option Date for “Value Type”.
  To show filters from date to date, please select the option Date Range Picker for “Type”.

Then you can save the View, and add View shortcode to where you want to display the yearly archives.

Best regards,

This document includes solution to display structured data of the WordPress posts list by Content Views (and Content Views Pro) in JSON-LD format.
This data has a short description of each item in the list, and each description points to a separate details page that is focused entirely on one item, for example:

To generate that summary structured data, please add this code to file functions.php in the theme’s folder:

// Content Views - show structured data of the posts list
add_action( 'wp_footer', 'cvp_theme_show_structured_data' );
function cvp_theme_show_structured_data() {
	if ( !empty( $GLOBALS[ 'cv_posts' ] ) ) {
		$list = array();
		foreach ( $GLOBALS[ 'cv_posts' ] as $idx => $post ) {
			$list[] = array(
				"@type"		 => "ListItem",
				"position"	 => $idx + 1,
				"url"		 => get_permalink( $post )
			);
		}

		echo '<script type="application/ld+json">{"@context":"http://schema.org", "@type":"ItemList", "itemListElement":' . json_encode( $list, JSON_UNESCAPED_SLASHES ) . '}</script>';
	}
}

Best regards,

This feature is only available in the Pro version.

As a website owner, you might want to display the most popular WordPress posts in a beautiful layout. Most popular posts have most number of visits.

1. Count number of visits

WordPress doesn’t have a built-in feature to count the number of visits for each post. You can choose one of two custom ways below to count visits of posts:

• Use another plugin
  There are some WordPress plugins were created to implement this feature, one of them is WP-PostViews. Please install & activate that plugin.
• Use custom coding
  In case you want to make it work without using extra plugin, please add this code to file functions.php in the theme’s folder (or install this plugin Code Snippets then add this code to the “Code” textarea):

  /** Content Views Pro - Enqueue script to count visits, support cache plugin */
  add_action( 'wp_enqueue_scripts', 'cv_theme_count_pviews_js', PHP_INT_MAX );
  function cv_theme_count_pviews_js() {
  	if ( !is_singular() ) {
  		return;
  	}
  
  	if ( !wp_script_is( 'jquery', 'done' ) ) {
  		wp_enqueue_script( 'jquery' );
  	}
  
  	// Must use "jquery-migrate"
  	wp_add_inline_script( 'jquery-migrate', 'jQuery(document).ready(function(){	jQuery.ajax({type:"GET",url:"' . admin_url( 'admin-ajax.php' ) . '",data:"post_id=' . $GLOBALS[ 'post' ]->ID . '&action=cv_count_pviews",cache:0});});' );
  }
  
  /** Content Views Pro - Count visits */
  add_action( 'wp_ajax_cv_count_pviews', 'cv_theme_count_pviews_php' );
  add_action( 'wp_ajax_nopriv_cv_count_pviews', 'cv_theme_count_pviews_php' );
  function cv_theme_count_pviews_php() {
  	if ( !isset( $_GET[ 'post_id' ] ) )
  		return;
  
  	$post_id = intval( $_GET[ 'post_id' ] );
  	if ( $post_id > 0 ) {
  		update_post_meta( $post_id, 'views', (int) get_post_meta( $post_id, 'views', true ) + 1 );
  		exit();
  	}
  }
  
  /** Content Views Pro - add default visit count 1 to all posts */
  add_action( 'admin_head', 'cvp_theme_add_default_visit_count' );
  function cvp_theme_add_default_visit_count() {
  	if ( !get_option( 'cvp_theme_add_visit_count' ) ) {
  		global $wpdb;
  		$wpdb->query( "INSERT INTO {$wpdb->postmeta} (post_id,meta_key,meta_value)
    SELECT ID, 'views', 1
    FROM {$wpdb->posts} WHERE {$wpdb->posts}.post_type = 'post' AND {$wpdb->posts}.post_status = 'publish'" );
  
  		add_option( 'cvp_theme_add_visit_count', 1, '', 'no' );
  	}
  }
  

2. Create a View to show popular posts

After finishing above, here are some easy steps to show most popular WordPress posts with Content Views Pro:

• Open your homepage (or any another post or page) to start counting
• In Admin area, click Content Views > Add New to start.
• Select the Sort by option in the Filter Settings tab, Advance section of the View
• In the “Sort by” group, click Add New button, then select options as below image:
   
  

Now you can add that View to where you want to show the most popular posts.

Notice: At the beginning, the View might return no posts. Because of there are no posts have the views custom field. When someone visits your posts, the views custom field will be created and updated, and you will start seeing the popular posts.

Best regards,

• Step 1: add a custom field to every existing and upcoming posts, to store the glossary index.

  Please add this code to file functions.php in the theme’s folder (or install this plugin Code Snippets then add this code to the “Code” textarea):

  // Content Views Pro - add custom field glossary heading for each post
  add_action( 'admin_head', 'cvp_theme_add_ctf_glossary_to_exising_posts' );
  function cvp_theme_add_ctf_glossary_to_exising_posts() {
      if ( !get_option( 'cvp_theme_add_ctf_glossary_index' ) ) {
          global $wpdb;
          $wpdb->query( "INSERT INTO {$wpdb->postmeta} (post_id,meta_key,meta_value)
    SELECT ID, 'cvp_glossary_filter', LEFT(post_title,1)
    FROM {$wpdb->posts} WHERE {$wpdb->posts}.post_type = 'post' AND {$wpdb->posts}.post_status = 'publish'" );
          
          add_option( 'cvp_theme_add_ctf_glossary_index', 1, '', 'no' );
      }
  }
  
  add_action( 'save_post', 'cvp_theme_add_ctf_glossary_to_new_posts' );
  function cvp_theme_add_ctf_glossary_to_new_posts( $post_id ) {
      if ( wp_is_post_revision( $post_id ) )
          return;
  
      $post_title = get_the_title( $post_id );
      update_post_meta( $post_id, 'cvp_glossary_filter', mb_substr( $post_title, 0, 1 ) );
  }
  // End code
  

  Notice:

  Above code works for the Post type.
  To use for Page type, please replace 'post' in above code by 'page'.
  To use for Custom Post type, please replace 'post' in above code by Post Type Key, for example: 'product' or 'event' depends on your post type.

• Step 2: Create a new View to show the glossary indexes, and allow visitors to filter posts by indexes.
  In Admin area, click Content Views > Add New menu item.

  In Filter Settings tab of the View:

  • select Custom Fields in Advance group, then click Add New button. A new field will be added.
  • select cvp_glossary_filter for the “Field Key”
  • select the checkbox: Show as filters to visitors
  • select the Button option for the Type dropdown

    

  In Display Settings tab of the View:

  • Select the Grid option for Layout. Please do not select the Glossary option, because it doesn’t support pagination.
  • Enable pagination

Then save the View, and add View shortcode to where you want to display it.

Best regards,

To trigger custom Javascript action after clicking a pagination number, please use this Javascript code:

/*Pagination – trigger custom Javascript action after clicking*/
$('body').on('pt-cv-pagination-finished pt-cv-pagination-finished-simple', function(e, pages_holder, $loaded_content) {
    // add your JS code here
});

It works with Ajax load-more and infinite scrolling pagination too. Your event will be triggered after the new page finishes loading.

Best regards,