Beautify Contextual Related Posts WordPress plugin

WordPress Kevin has a fantastic post to change the boring thumbnail and text posts generated by my plugin Contextual Related Posts into clean and neat image based list with some CSS magic.

This will be one of the styles that I plan on implementing in a future style of the plugin. Would you using this code?

If you’re wondering of an easy method to implement the CSS code, you should check out my other plugin Add to All which will allow you easily add custom CSS code to your header.


Share this post with your friends!


  1. I like the fact that someone is working on a better formatting of the thumbnails, but in this particular case, I just don’t like the text on top of the image. Take a look at the Related Posts on this site:

    The thumbnail is on the left and the full title and except is on the right. This example is much more appealing to me.

    However, I still couldn’t implement the thumbnails until you write code to recreate instead of resizing the existing image. Thumbnails can’t be 100K. That \”Sapphire\” one at the bottom of Kevin’s example page is a whopping 208K. It should be about 3K.

    Other than that, I love this plugin!


  2. I forgot to mention one thing. Now that I’ve seen how good this new CSS code looks, I’d like to suggest a feature that would allow me to skip any post that doesn’t have an image (in other words, don’t include a non-image post at all instead of displaying the \”no photo\” image). Thanks in advance for considering it!

    • Bryan, I’m not sure this is a good idea, especially for older blogs and could drastically effect the performance of the plugin. Let me explain.

      Currently, the plugin looks up 3x the limit you set in options. The reason for this is because if a user has categories excluded then you need to remove some of the posts that have been fetched.

      If I need to exclude non-image posts, then I would need to fetch out several more than 3x and then start eliminating and it could result in absolutely no posts.

      • That’s cool. I understand, and I also realized it could cause some confusion if posts that are really in the system aren’t shown. I made a new default \”no image\” png with my logo and I’m totally happy!

Leave a Reply

Your email address will not be published. Required fields are marked *

Get more stuff like this
in your inbox

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.