# Recommended posts

The **Recommended Posts** section allows you to display additional blog content at the end of an article, increasing reader engagement and time on site. Depending on the configuration, it can show the **previous/next**, **recent**, or **related-tag** posts. This section is specifically enabled on the `article` template.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FPZw5rvKhfsllJDvUUn88%2Frecommended-posts.gif?alt=media&#x26;token=97156598-3e97-449a-9609-38f801074a37" alt=""><figcaption></figcaption></figure>

## Section settings

<table><thead><tr><th width="210.189208984375">Settings</th><th width="175.26129150390625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Posts type</td><td align="center"><code>select</code></td><td>Choose which type of posts to display: <code>Previous and next</code>, <code>Recent</code>, or <code>Related tags</code>.</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Optional heading to display above the recommended posts.</td></tr><tr><td>Default blog image</td><td align="center"><code>image_picker</code></td><td>Used if a post doesn’t have a featured image.</td></tr><tr><td>Image replacement color</td><td align="center"><code>select</code></td><td>Background color shown when no image is set: <code>Accent color</code>, <code>Default color</code>, or <code>None</code>.</td></tr><tr><td>Blog style</td><td align="center"><code>select</code></td><td>Choose between <code>Standard</code> or <code>Photo background</code> layout.</td></tr><tr><td>Image aspect ratio</td><td align="center"><code>range</code></td><td>Controls post image proportions (0.5-1.5:1).</td></tr><tr><td>Show RSS icon</td><td align="center"><code>checkbox</code></td><td>Toggle to display an RSS icon for post syndication.</td></tr><tr><td>Show date</td><td align="center"><code>checkbox</code></td><td>Display the published date of posts.</td></tr><tr><td>Show author</td><td align="center"><code>checkbox</code></td><td>Display the author’s name.</td></tr><tr><td>Show tags</td><td align="center"><code>checkbox</code></td><td>Show tags associated with each post.</td></tr><tr><td>Show comment count</td><td align="center"><code>checkbox</code></td><td>Show the number of comments per post.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Select a predefined color scheme.</td></tr><tr><td>Overlayed text</td><td align="center"><code>color</code></td><td>Select colors for overlay text.</td></tr><tr><td><strong>Section spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Width</td><td align="center"><code>select</code></td><td>Defines content width: <code>Full width padded</code>, <code>Page width</code>, or <code>Page width narrow</code>.</td></tr><tr><td>Padding top</td><td align="center"><code>range</code></td><td>Space above the section.</td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Space below the section.</td></tr></tbody></table>

## **Tips and Usage**

* **'Related tags'** mode will automatically surface posts that share tags with the current article, improving topical relevance.
* Use the '**Default blog image'** to keep a consistent visual layout even when blog posts lack featured images.
* Choose a **photo background** blog style for a more immersive, visual layout.
