:lock: Secure and accessible dark theme static website generator for Hugo https://after-dark.habd.as
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

related-content.md 2.1KB

+++ title = “Related Content” description = “Promote more of your content to your site’s visitors.” categories = [“navigation”] tags = [“links”, “retention”, “engagement”, “layout”, “templating”, “style”] features = [“code highlighter”, “snippets”, “related content”] copyright owner = “Josh Habdas” date = “2019” license = “agpl-3.0-or-later” +++

After Dark provides related content to help users find more information that’s relevant to them and can increase page views and time spent on your site.

{{< hackcss-alert >}} {{< figure src=“/images/screenshots/feature-related-content-fs8.png”

}} {{< /hackcss-alert >}}

When two or more pages or posts contain the same taxonomy tags they will be linked in a section as shown near the bottom of the page. The section appears automatically below Post Bylines with a default maximum of 7 items shown.

{{% hackcss-alert type=“info” %}}Tip: Create a Custom Layout to show Related Content outside posts.{{% /hackcss-alert %}}

Adjust site-wide maximum from {{< external href=“https://gohugo.io/getting-started/configuration/” text=“Site Configuration” />}} by adding related_content_limit:

  related_content_limit = 5 # limit to 5 items maximum site-wide

By default related content will appear as an unordered list of page titles with hyperlinks to their respective pages along with the approximate reading time.

For posts, display thumbnail images instead by adding a related limit:

  limit = 3

And for each post create a Post Images-formatted resource bundle containing thumbnail in the name as described in more detail on Custom Homepage.

As with homepage thumbnails, image processing may be adjusted:

  limit = 4
  thumbs = ["fill", "400x400"] # Optional, thumbnail image processing

Set limit to 0 to hide the related content section.

See {{< external href=“https://gohugo.io/content-management/related/” text=“Related Content in Hugo” />}} for additional configuration options.