by Alex

Version 1.0.1 76 downloads

Make Your Posts More Visible With the Related Posts Dropin

In today’s web where sidebars become increasingly less common on vertical scrolling devices, we have to find a way to make our older content more visible. A timeless way to put more content in front of your readers is to list a bunch of related posts at the end of each post, and the Related Posts Dropin makes this easy.

Key Features

  • Shows up to 6 related posts by category at the end of each post
  • Change posts count and title from settings file
  • No configuration necessary after Dropin is installed to your site

Screenshots

Show up to 6 related posts at the end of each blog post with the featured image and title.

Installation

Read the Dropin Installation Guide for general instructions on how to install any MD Dropin, including the Related Posts Dropin.

Also include this simple CSS somewhere in your style.css file:

/* RELATED POSTS */
 .related-posts a { border-bottom: 0; }
 .related-image {
     background-position: center center;
     background-size: cover;
     display: block;
     height: 120px;
 }

Dropin Notes

  • At the top of the main related-posts.php file you can adjust the title that shows above the posts, and how many posts you want to show.
  • Related posts are determined by checking the existing post’s category and displaying other random posts from the same category in a neat list.
  • Related posts look best and get clicked more when a featured image is attached, so make sure you attach an image to your posts (best practice)
Forum replies (1)Comments (0)

Loading new replies...

gauravtiwari

Blogger at https://gauravtiwari.org

105 messages 40 likes

Hey guys, I took the liberty to customize the related posts dropin https://marketersdelight.com/dropins/related-posts/ to a better (?) and minimal fit.
Screen Shot 2020-10-18 at 8.27.08 PM.png


Installation instructions are the same as the link above.

Edit line 43 in related-posts.php file to include or exclude related items for certain post types.

Download: https://github.com/wpgaurav/related-posts-dropin/releases/download/1.1/related-posts.zip
Development: https://github.com/wpgaurav/related-posts-dropin

Reply 1 Like

click to expand...

Alex

MD developer

5,140 messages 1,239 likes

I much prefer the look and think many others will too—well done! The condensed view gives a way cleaner display and fits more posts.

For now I have attached this thread to the Dropins page so others can find your modification. Definitely expect me to update the related posts dropin with this layout in the near future. 🙂

Reply Like

Start building your website with MD now

Get started with MD today. Pay once for use on unlimited websites.
* Save 40% on license key renewals every 12 months. Get auto-updates sent to 5 websites.

Labs

Get the latest MD sent straight to your inbox

There's always something new in the works in the MD Labs! Join the email list to get the newest content and releases sent straight to your inbox.*

Join the MD Newsletter

* I only email you when there's something new, or to share an exciting MD sneak peak.