Related posts

Overview #

The Related posts section is designed to automatically display the most recent posts from the current blog post's blog. This section enhances user engagement by showcasing additional content that might interest the reader, thereby increasing the time spent on the site and potentially improving SEO.

Key components and functionality #

Number of items

This setting controls how many related posts are displayed in the section. You can choose a number between 0 and 50, with the default set to 0. Adjusting this number allows you to manage the amount of content shown to the user, balancing between engagement and page load speed.

Layout settings

Layout settings allow you to customize how the related posts are displayed on both desktop and mobile devices.

1. Desktop column count: Choose between 1 and 8 columns, with a default of 4.
2. Mobile column count: Choose between 1 and 4 columns, with a default of 2.
3. Desktop layout: Options include "grid" and "slider".
4. Mobile layout: Options include "grid" and "slider".

Slideshow settings

These settings are applicable if you choose the slider layout for displaying related posts.

1. Animation style: Choose between "default" and "fade", with the default set to default.
2. Animation speed: Set the speed of the animation from 0.1 to 5 seconds, with a default of 0.8s.
3. Autoplay delay: Set the delay for autoplay from 0 to 10 seconds, with a default of 4s.
4. Autoplay slideshow: Enable or disable autoplay, with the default set to false.
5. Controls position vertical: Choose between "above" and "below", with the default set to above.
6. Pagination style: Options include "dynamic", "fraction", "progress bar", and "scrollbar".
7. Loop slides: Enable or disable looping of slides, with the default set to false.
8. Show navigation: Enable or disable navigation controls, with the default set to true.
9. Show pagination: Enable or disable pagination indicators.
10. Show preview of next slides: Enable or disable the preview of upcoming slides, with the default set to true.

Usage notes #

• Responsive design: Ensure that the column count and layout settings are optimized for both desktop and mobile views to provide a seamless user experience.
• Performance: Be mindful of the number of items displayed to avoid negatively impacting page load times.
• Accessibility: Ensure that navigation and pagination controls are accessible to all users, including those using assistive technologies.

Usage examples #

1. Blog Engagement: Use the Related posts section to keep readers engaged by showing them more content related to what they are currently reading. This can be particularly effective on blogs with a lot of content on similar topics.

2. SEO Improvement: By linking to more content within your site, you can improve the internal linking structure, which is beneficial for SEO. This section can automatically handle this by pulling related posts.

3. Custom Layouts: Adjust the column count and layout style to fit the aesthetic of your site. For a more dynamic look, use the slider option with autoplay enabled.