Navigation and CTA Features

JournalTheme Demo15 November 2025
Navigation features demo
THEME DOCUMENTATION →

This page demonstrates the navigation features of the First Folio theme.

The breadcrumb trail appears automatically on article pages, showing the section path, author, and date. It uses purple accents for sections and orange for metadata.

Control it with frontmatter:

  • breadcrumb: false — hide on article pages (default: true)
  • breadcrumb_list: true — show on list/section pages (default: false)
  • hideAuthor: true — omit author segment
  • hideDate: true — omit date segment

Signpost CTA

The signpost bar appears below the banner/hero image. Configure it in frontmatter:

signpost:
  text: "AVAILABLE NOW"
  url: "https://example.com"

A second CTA appears above footnotes and tags. It uses the same styling as the header signpost:

signpost_footer:
  text: "BUY NOW"
  url: "https://example.com"

Both signpost and signpost_footer can be cascaded via _index.md frontmatter to apply across an entire section.

Table of Contents

Set toc: true for a sticky sidebar TOC on desktop and a collapsible TOC on mobile. Set toc to a string to customise the heading:

toc: "In this guide"

Related articles appear automatically in the sidebar alongside the TOC on desktop, and below the content on mobile.

VIEW ON GITHUB →