IsMenuCurrent

IsMenuCurrent 方法用於判斷特定頁面是否與菜單中的條目所關聯的頁面匹配。

用法範例

以下範例檢查當前頁面在菜單中是否被標記為當前活動頁面,並根據結果賦予相關的 CSS 類或 ARIA 屬性:

{{ $currentPage := . }}
{{ range site.Menus.main }}
  {{ if $currentPage.IsMenuCurrent .Menu . }}
    <a class="active" aria-current="page" href="{{ .URL }}">{{ .Name }}</a>
  {{ else if $currentPage.HasMenuCurrent .Menu . }}
    <a class="ancestor" aria-current="true" href="{{ .URL }}">{{ .Name }}</a>
  {{ else }}
    <a href="{{ .URL }}">{{ .Name }}</a>
  {{ end }}
{{ end }}

注意事項

使用此方法時,您需要:

  • 在頁面前端設置(front matter)中定義該菜單條目。
  • 或者在網站配置中定義菜單條目時,指定 pageRef 屬性。