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
屬性。