Display custom taxonomy

Hi @thebea58,

In my last steps customizing your plugin, I’m trying to display a custom taxonomy tag along with the standard “category” taxonomy, in different lines right under the post title. I’ve realized that I can only have one selected in the Stats Tag settings. Is there any by-pass for this?

There is, but it requires a bit of coding: WPP filter hooks.

Basically, any features that the plugin doesn’t offer out-of-the-box (such as displaying different taxonomies simultaneously) will require hooking into WPP to customize its HTML output to whatever fits your needs.

Is there anything you would suggest to avoid the duplicate content?

Well, yes. By default, the plugin creates thumbnails using the original ones as a base so of course there will be duplicates 😛

You can workaround this by having the widget use the “stock” thumbnails instead (Widgets > WordPress Popular Posts > Display post thumbnail > Use predefined size). You will have to create a new thumbnail size in your theme if the current choices don’t match the size you need, though (and you’ll have to regenerate the thumbnails afterwards as well).

P.S.: I knew I had seen this site somewhere. It has progressed quite a bit since I last saw it, good work!

That’s odd.

Try adding it directly into your theme’s functions.php via Appeareance > Editor (if my memory serves me right, I’m not near my laptop right now).

If it still doesn’t work after that do let me know and I’ll have a look as soon as I can.

Ah, my bad! There are a couple of missing single quotes in there (that’s what happens when you don’t test stuff before sharing it with the world).

Please change:

// Post title
$output .= '<h3 class="rpwe-title"><a href="' . get_permalink( $popular_post->id ) . '" title="' . esc_attr( $popular_post->title ) . '">" . $popular_post->title . "</a></h3>";

with:

// Post title
$output .= '<h3 class="rpwe-title"><a href="' . get_permalink( $popular_post->id ) . '" title="' . esc_attr( $popular_post->title ) . '">"' . $popular_post->title . '"</a></h3>"';

That should take care of things 🙂

There’s a Popular Posts list hidden in your home page that I used as a base to build the code I shared earlier. That list uses the rpwe class everywhere 😛 Change the class names to the right ones and you’re good to go.

Out of curiosity: for all the class “tags” you used “rpwe” instead of “wpp”. Is there a reason for that? Any connection with Recent Posts Widget Extended plugin I also use?

Ah, I guess this is where I got the class names from. The hidden list is also named “Popular Posts”, hence the confusion.

Altered the image sizes. Now they’re as big as they can get in the column. When I edited the value of get_the_post_thumbnail, I used the registered value (1080, 706). Later, I changed it to (80, 52), which is the size I’d like (I registered it, FYI), but the images have been the same size all along since I used the code.

• Are you using a caching plugin?
• Did you regenerate the thumbnails after creating the new size (80×52)?

Would it be wise to uninstall the plugin and start everything from scratch?

No need to. All of your current issues are CSS-related, unless there’s another problem you haven’t mentioned yet?

PS: by the way, the diamond separator was a high class detail 😉

Well, thanks. I’m glad you liked it 🙂

get_the_post_thumbnail( $popular_post->id, '80, 52' )

No, that’s not correct.

The get_the_post_thumbnail() function accepts the following parameters:

get_the_post_thumbnail(
    int|WP_Post $post = null,
    string|array $size = 'post-thumbnail',
    string|array $attr = ''
)

The second parameter has to be either an array of width & height (array(80, 52)) or the name of the thumbnail size as you registered it in your functions.php file (eg ‘my_popular_post_thumbnail’). So:

get_the_post_thumbnail( $popular_post->id, array(80, 52) )

or:

get_the_post_thumbnail( $popular_post->id, 'my_popular_post_thumbnail' )

will do.

All css can be easily done, I think. I don’t know how to remove the bullet point, though.

Easy. Use the list-style property:

list-style: none;
/* "none" tells the browser that the targeted list should not display any bullets */

I’m a total beginner, I’m learning as I go, and in most cases imitation is my best play. That’s why receiving the kind of support you are offering in every single of your messages is so great and so much appreciated!

Don’t mention it. I also had people teach me all of this stuff when I was starting out so giving something back isn’t a big deal. Hopefully sometime in the future you’ll help out someone else too, and the chain will go on.

I’m glad to let you know that, it took me a while, but I managed to use css to style the widget to my complete liking and fitting the rest of the blog.

Good work! Keep it up!

Just FYI, I had to change all the selectors in wpp.css, because they all changed after I used your code.

You’ll want to move the modified wpp.css file into your theme’s folder. Otherwise future updates of the plugin will overwrite it with the “stock” one. WPP will then use that one instead.

One last question: will all these modifications also apply if using the plugin via shortcode?

Yep. The filter hooks will modify the output of all instances of the WPP list, including those generated via the [wpp] shortcode. Widgets, however, can display different outputs (eg. you might want to use a custom HTML structure for a widget and use the “stock” one for another) if you use the widget_id parameter (included in $instance) and a bit of coding logic 😛 Pseudo code example:

my_function( $popular_posts, $instance ) {
  if ( isset($instance['widget_id']) && 'wpp-8' == $instance['widget_id'] ) {
    // return html output for widget wpp-8
  }
  else {
    // return html output for the rest of the widgets / shortcodes
  }
}