Freedom

Navigation

·   1 min ·   Gautham Chettiar

Displays previous and next article navigation links.

Location : layouts/_partials/widgets/navigation.html

Parameters :

ParameterTypeDescriptionDefault
pagePagePage contextrequired
siteSiteSite contextrequired
navigationBySectionbooleanNavigate within section onlytrue
showIconbooleanShow < and > iconstrue
prevTextstringText for previous link"Previous"
nextTextstringText for next link"Next"
classstringAdditional CSS classes-
keystringConfig key for visibility"Navigation"

Navigation Scope :

Configuration :

yaml
params:
  showNavigation: true
  showNavigationIcon: true
  navigationBySection: true      # true = section-scoped, false = global
  navigationPrevText: "Previous"
  navigationNextText: "Next"

Custom Navigation Links :

Override automatic navigation in front matter:

yaml
# String format (page path)
navigationPrev: "/blog/my-previous-post"
navigationNext: "/blog/my-next-post"

# Map format (custom URL and title)
navigationPrev:
  url: "/custom/path"
  title: "Custom Title"
navigationNext:
  url: "/another/path"
  title: "Another Title"

# Change scope for this page
navigationBySection: false

Examples :

go
// Basic usage (section-scoped)
{{ partial "widgets/navigation.html" (dict "page" . "site" .Site) }}

// Global navigation (weight-aware)
{{ partial "widgets/navigation.html" (dict 
  "page" . 
  "site" .Site 
  "navigationBySection" false
) }}

// Custom labels
{{ partial "widgets/navigation.html" (dict 
  "page" . 
  "site" .Site 
  "prevText" "← Older" 
  "nextText" "Newer →"
) }}

// Without icons
{{ partial "widgets/navigation.html" (dict 
  "page" . 
  "site" .Site 
  "showIcon" false
) }}