Placing code for reading time, and link on sorrounding div

Hi @sfdsfwer,

Is it possible to get this in there somehow?

The short answer is yes, it’s possible. However, to tell you exactly what you need to do I need to know how that shortcode works. Is it from another plugin? Or is it some custom code you/your developer wrote for your website?

Is it possible to place a link to the article on the individual surrounding DIVs of the cards?

Yep, you could just do something like this:

'post_html' => '<div class="col-md-4" onclick="window.location.href={url}"> ... </div>'

However, I’d avoid placing inline JavaScript code like that for various reasons. Personally I’d do it like this instead.

Thanks, that helped.

Alright, so one way we can use that shortcode with the wpp_get_mostpopular() template tag is by creating a custom Content Tag (see Display Tags and Author image for a more detailed explanation + real life examples).

So, in your case, that would look like this:

/**
 * Parses custom content tags in WordPress Popular Posts.
 *
 * @param  string  $html    The HTML markup from the plugin.
 * @param  integer $post_id The post/page ID.
 * @return string
 */
function wpp_parse_tags_in_popular_posts( $html, $post_id ){

    // Replace custom content tag {reading_time} with
    // the output of the [rt_reading_time] shortcode
    if ( false !== strpos($html, '{reading_time}') ) {
        $reading_time = do_shortcode('[rt_reading_time post_id=' . $post_id . ' label="Reading Time:" postfix="Minutes" postfix_singular="Minute"]');

        // Replace {reading_time} with the value of $reading_time
        $html = str_replace( '{reading_time}', $reading_time, $html );
    }

    return $html;

}
add_filter( "wpp_parse_custom_content_tags", "wpp_parse_tags_in_popular_posts", 10, 2 );

Add this code to your theme’s functions.php file and then update your post_html parameter to include our new {reading_time} Content Tag so it looks something like this:

'post_html' => '<div class="col-md-4"><div class="post-thumbnail">{thumb}</div><div>{taxonomy}</div><h3 class="h6">{title}</h3><p class="reading-time">{reading_time}</p><div>{excerpt}</div></div>',

One more question: is there a list with all parameters?

Yep, there is. Go to your WordPress Dashboard > Settings > WordPress Popular Posts > Parameters. You’ll find everything there. (Although I should add this to the Wiki so it’s easier to find, maybe I’ll look into it.)

Once you understand the concept of Custom Content Tags, it’s really easy to work with. Very flexible.

That’s the idea 😀 Glad you found it useful!