Elegant Themes

To create a List of Related Posts, we can use any of the following methods:

Using the Divi Theme Builder (recommended).

Using the Divi Builder on each individual post.

1. Using the Divi Theme Builder (recommended).
2. Using the Divi Builder on each individual post.
3. Using 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, insert a new Section.

Insert a Text module and add the <code>Related Posts</code> text.

Open the Blog module's settings window and set the following options in the Content option group:

1. Post Type: Posts;
2. Post Count: 3;
3. Included Categories: Current Category;

In the Elements option group, deactivate the Show Pagination option;

In the Blog module's settings → Desing → Layout, choose Grid (optional step).

1. Go to WordPress Dashboard → Divi → Theme Builder.
2. Create or Edit the All Posts Template → Custom Body.
3. In the All Posts Template, insert a new Section.
4. Insert a 1 Column Row.
5. Insert a Text module and add the <code>Related Posts</code> text.
6. Set the text to be an H2 Heading.
7. Insert the Blog Module.
8. Open the Blog module's settings window and set the following options in the Content option group:
 1. Post Type: Posts;
 2. Post Count: 3;
 3. Included Categories: Current Category; 
 
 Blog module content option group
 
9. In the Elements option group, deactivate the Show Pagination option;
 
 Blog module elements option group
 
10. In the Blog module's settings → Desing → Layout, choose Grid (optional step).

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 used for the Theme Builder All Posts template can be followed, with the difference that the changes are done on 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.

1. Post Type: Posts;
2. Post Count: 3;
3. Included Categories: Current Category;

In the Blog module's settings → Desing → Layout, choose Grid (optional step).

1. Go to WordPress Dashboard → Posts All Posts.
2. Create or Edit any of the existing Posts with the Visual Builder.
3. In the single post layout, insert a new Section.
4. Insert a 1 Column Row.
5. Insert a Text module and add the <code>Related Posts</code> text.
6. Set the text to be an H2 Heading.
7. Insert the Blog Module.
8. Open the Blog module's settings window and set the following options in the Content option group:
 1. Post Type: Posts;
 2. Post Count: 3;
 3. Included Categories: Current Category;
9. In the Blog module's settings → Desing → Layout, choose Grid (optional step).

Create a list of Related Posts using a 3rd party plugin

Install the <a href="https://wordpress.org/plugins/yet-another-related-posts-plugin/" rel="nofollow noopener noreferrer" target="_blank">YARPP – Yet Another Related Posts</a> Plugin.

After installing and activating the plugin, go to WordPress Dashboard → Settings → YARPP.

Set the following settings for The Pool section:

1. Post types to include: Posts;
2. Display sticky posts: checked;
3. Limit the same post type: checked;

Set the following settings for The Algorithm section:

1. Match threshold: <code>1</code>;
2. Titles: Do not consider
3. Bodies: Do not consider
4. Categories: Consider
5. Tag: Consider
6. Project Categories: Do not consider
7. Project Tags: Do not consider

Set the following settings for the Automatic Display Options section:

1. Automatically display related content on: uncheck everything;
2. Maximum number of posts: <code>3</code>;
3. Theme: Thumbnails
4. Thumbnail Size: you can choose <code>et-pb-post-main-image (400x250)</code> (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 the Code module: <code>[yarpp]</code>.

1. Install the <a href="https://wordpress.org/plugins/yet-another-related-posts-plugin/" rel="nofollow noopener noreferrer" target="_blank">YARPP – Yet Another Related Posts</a> Plugin.
2. After installing and activating the plugin, go to WordPress Dashboard → Settings → YARPP.
3. Set the following settings for The Pool section:
 1. Post types to include: Posts;
 2. Display sticky posts: checked;
 3. Limit the same post type: checked;
 
 Yarpp the Pool section
 
4. Set the following settings for The Algorithm section:
 1. Match threshold: <code>1</code>;
 2. Titles: Do not consider
 3. Bodies: Do not consider
 4. Categories: Consider
 5. Tag: Consider
 6. Project Categories: Do not consider
 7. Project Tags: Do not consider
 
 Yarpp the Algorithm section
 
5. Set the following settings for the Automatic Display Options section:
 1. Automatically display related content on: uncheck everything;
 2. Maximum number of posts: <code>3</code>;
 3. Theme: Thumbnails
 4. Thumbnail Size: you can choose <code>et-pb-post-main-image (400x250)</code> (optional step).
 
 Yarpp Automatic Display Options section
 
6. Edit the single post or the All Posts Theme Builder template.
7. Choose where to display the YARPP related posts and insert the Code module.
8. Place this shortcode in the Code module: <code>[yarpp]</code>.
 
 Use the Yarpp shortcode