Displaying a list of related posts on a single post page can keep visitors engaged by directing them to additional relevant content.
This feature helps increase page views and enhances the overall user experience by providing readers with more articles that match their interests.
This article will guide you through creating a list of related posts for a single post page using Divi, ensuring a seamless and engaging navigation experience for your audience.
To create a List of Related Posts, you can use any of the following methods:
Use the Divi Theme Builder (recommended).
Use the Divi Builder for each post.
Use a 3rd Party plugin.
Create a list of Related Posts using Divi Theme Builder
Go to WordPress Dashboard → Divi → Theme Builder
Create or Edit the All Posts Template → Custom Body
In the All Posts Template → Custom Body, insert a new Section
Insert a 1 Column Row
Insert a Text module and add the Related Posts text
Set the text to be an H2 Heading.
Insert the Blog Module.
Open the Blog module's settings window and set the following options in the Content option group:
Post Type: Posts
Post Count: 3
Included Categories: Current Category
In the Elements option group, deactivate the Show Pagination option;
In the Blog module's settings → Design → Layout, choose Grid (optional step)
The result can be seen in the screenshot below:]
Note 1: Following the above steps, the Blog module will only show posts from the same category with the post in view.
Create a list of Related Posts using Divi Builder on each Single Post
Note 2: The same steps can be followed for the Theme Builder All Posts template, with the difference that the changes are made to each post.
Go to WordPress Dashboard → Posts All Posts.
Create or Edit any of the existing Posts with the Visual Builder.
In the single post layout, insert a new Section.
Insert a 1 Column Row.
Insert a Text module and add the Related Posts text.
Set the text to be an H2 Heading.
Insert the Blog Module.
Open the Blog module's settings window and set the following options in the Content option group:
Post Type: Posts
Post Count: 3
Included Categories: Current Category
In the Blog module's settings → Design → Layout, choose Grid (optional step).
Create a list of Related Posts using a 3rd party plugin
Install the YARPP – Yet Another Related Posts Plugin.
After installing and activating the plugin, go to WordPress Dashboard → Settings → YARPP.
Set the following settings for The Pool section:
Post types to include: Posts
Display sticky posts: checked
Limit the same post type: checked
Set the following settings for The Algorithm section:
Match threshold: 1
Titles: Do not consider
Bodies: Do not consider
Categories: Consider
Tag: Consider
Project Categories: Do not consider
Project Tags: Do not consider
Set the following settings for the Automatic Display Options section:
Automatically display related content on uncheck everything
Maximum number of posts: 3
Theme: Thumbnails
Thumbnail Size: you can choose et-pb-post-main-image(400x250) (optional step).
Edit the single post or the All Posts Theme Builder template
Choose where to display the YARPP related posts and insert the Code module.
Place this shortcode in a Code module:
[yarpp]
