How to use the Better Related Posts feature in Hueman Pro

his documentation will go through the process of designing the related posts in the  Hueman Pro theme.

Better Related Posts


This documentation page will go through the following topics :

  • Accessing the Better Related Posts settings
  • The importance of having related posts in your website
  • What are the criteria Hueman-Pro offers to determine related posts?
  • How to customize the related posts criteria?
  • Example uses :
    1. Using the Better Related Posts feature to show the latest 3 posts of your blog sitewide

Accessing the Better Related Posts settings

  1. On the front end of your website, navigate to one of your single post page (*).
  2. Click on the customize button of your WP admin bar :

    Access the single post customizer

  3. Click on Main Body Design :Customizer Blog Main Body Design
  4. Open the Single Posts Settings panel (N.B. these settings are visible only when customizing a single post):

    Single Posts Settings


The importance of having related posts in your website

The main purpose of the related posts is to help your visitors to explore more contents of your website instead of leaving after reading just the first post. 

That alone should be enough to highlight their importance, but it's not only that.

Having related posts does not only help readers easily find the content relevant to the article they are reading, it will also highly improve internal links (SEO), decrease bounce rate, and have more page views.

The Hueman theme already allows you to show related posts at the bottom of your single posts.

The  Hueman Pro theme Better Related Posts feature is a fantastic tool to design and customize the related posts, giving you the ability to choose several options to make them more and more effective!

This feature is specifically designed to speed up your single post page loading, when showing related posts, as the related posts thumbnails are loaded on demand.

Also you can choose to show as many related posts you want, without impacting on the page loading speed: by default the whole related posts block loading is deferred and loaded just before becoming visibile on page scroll. 


What are the criteria Hueman-Pro offers to determine related posts?

The Hueman free theme allows you to show related posts whose relationship with the main post can be based on the following criteria:

  • they share the same categories
  • they share the same tags

and randomly ordered.

With the   Hueman Pro theme this feature has been further enhanced!

You can show have related posts based on the following relationships with the main post:

  • they share the same categories
  • they share the same tags
  • they belong to the same post format (gallery post format, video post format etc.)
  • they match at least one of the previous three criteria
  • no relationship

Additionally you can sort the related posts, in descending order when relevant, by:

  • Random
  • Number of comments
  • Published date

How to customize the related posts criteria?

  1. Access the Better Related Posts settings
  2. Switch on the RELATED POSTS tab :

    Related posts tab

  3. Expand the dropdown list against Relationship to select the relationship criteria with the main post they must match (categories, tags, post format ...) :

    Relationship selecter

  4. Expand the dropdown list against Choose how to sort your related posts to select the sorting criteria (number of comments, published date ...) :

    Sorting selecter

  5. Save and Publish

Example uses


Using the Better Related Posts feature to show the latest 3 posts of your blog sitewide:

In this example, you want to set up the related posts block to show the latest 3 posts of your blog, ordered by published date, in every post/post type.

Let's see how to do it.

  1. Access the Better Related Posts settings
  2. Select the first option scope tab : Sitewide options :

    Better Related Posts sitewide

  3. Switch on the RELATED POSTS tab
  4. Use the stepper against Maximum number of related posts to set 3 posts :

    Show 3 posts

  5. Expand the dropdown list against Relationship and select No conditions :

    No relationship

  6. Expand the dropdown list against Choose how to sort your related posts and select Published date:

    Order by pub date

  7. Save and publish
  8. In all your posts you should see the latest 3 posts of your blog:

    Latest 3 posts N.B.  Remember that the related posts always exclude the very post where they are displayed. In the example above, the related posts block of the Hello World post, then, will be something like this: Latest 3 posts in hello world