{"id":3030,"date":"2021-08-12T11:05:17","date_gmt":"2021-08-12T08:05:17","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=3030"},"modified":"2026-09-04T12:53:36","modified_gmt":"2026-09-04T09:53:36","slug":"related-posts","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/related-posts\/","title":{"rendered":"Related Posts"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The <strong>Related Posts<\/strong> module displays additional content beneath individual posts, giving visitors an easy way to continue exploring similar topics. Related content can be selected according to shared categories or tags, and the module can also be used with supported Custom Post Types.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To enable and configure it, navigate to <strong>Customiser \u2192 Single Posts \u2192 Related Posts<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Look<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2052\" style=\"aspect-ratio: 3456 \/ 2052;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screen-Recording-2024-03-06-at-17.05.47.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Activating the Related Posts module.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6aa96742cb1e3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa96742cb1e3\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"1680\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-06-at-17.11.34.png\" alt=\"Related Posts options in the Blocksy Customiser\" class=\"wp-image-9905\" style=\"object-fit:cover\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Related Posts configuration options.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Type<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose how related content is presented:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default<\/strong> &#8211; displays related posts in a traditional static grid.<\/li>\n\n\n\n<li><strong>Slider<\/strong> &#8211; displays related posts inside an interactive carousel that visitors can navigate.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Blocksy Pro<\/strong><br>The <strong>Slider<\/strong> presentation is available with Blocksy Pro. The standard Default layout is available without it.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2052\" style=\"aspect-ratio: 3456 \/ 2052;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screen-Recording-2024-03-06-at-17.15.01.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Comparing the Default and Slider layouts.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Posts &amp; Columns<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Control how many related posts are included and how they are arranged within the module. The available layout controls can be configured responsively so the number of visible columns adapts to desktop, tablet and mobile screens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Related Criteria<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Related Criteria<\/strong> setting determines how Blocksy finds relevant content for the current post:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Category<\/strong> &#8211; displays posts that share a category with the current post.<\/li>\n\n\n\n<li><strong>Tag<\/strong> &#8211; displays posts that share a tag with the current post.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For more advanced query customisation, developers can also modify the Related Posts query through Blocksy&#8217;s available WordPress filters.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Module Title<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The module title can be customised instead of using the default <strong>Related Posts<\/strong> text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also choose the HTML heading tag and alignment used for the title, allowing it to fit the semantic structure and visual layout of your page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Featured Image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose whether related entries display their featured images and configure how those thumbnails are presented.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Available settings include the image aspect ratio and the WordPress thumbnail size used for the related post images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Post Title<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the HTML tag used for the title of each related post entry. This lets you keep the module&#8217;s heading hierarchy consistent with the rest of the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Meta Elements<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Control which post metadata is displayed alongside each related entry. Depending on the available configuration, this can include information such as the publication date, author and comment count.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Module Placement<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Related Posts module can use one of two placement behaviours:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contained<\/strong> &#8211; keeps Related Posts integrated within the regular single-post content structure.<\/li>\n\n\n\n<li><strong>Separated<\/strong> &#8211; places Related Posts in a separate section outside the main post content container.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When <strong>Separated<\/strong> is selected, you can also choose whether the module appears before or after the comments section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Container Structure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When using the separated placement, the structure control determines the width of the module&#8217;s inner container. This lets you keep Related Posts aligned with a normal content width or use a narrower presentation where appropriate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Device Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the responsive visibility controls to decide whether the entire Related Posts module appears on <strong>desktop<\/strong>, <strong>tablet<\/strong> and <strong>mobile<\/strong> devices.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Related Posts module displays additional content beneath individual posts, giving visitors an easy way to continue exploring similar topics. Related content can be selected according to shared categories or tags, and the module can also be used with supported Custom Post Types. To enable and configure it, navigate to Customiser \u2192 Single Posts \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[120],"class_list":["post-3030","documentation","type-documentation","status-publish","hentry","doc_categories-modules"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/3030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=3030"}],"version-history":[{"count":11,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/3030\/revisions"}],"predecessor-version":[{"id":15156,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/3030\/revisions\/15156"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=3030"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=3030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}