1.5 KiB
Ajouter un menu et une page de contenu
Pour commencer à entrer du contenu sur notre site, nous allons intégrer un menu dans le header et créer une nouvelle page :
Créer un menu
Nous créons un partial pour définir le menu, et nous appelons le partial dans header.html, jsute après la balise .
Appel du partial menu.html
!!! note "Appel du partial dans header.html"
html {% raw %} {{ partial "menu.html" . }} {% endraw %}
Création du partial menu.html
??? note "layouts/partials/menu.html"
=== "Contenu"
html {% raw %} <nav class="menu" aria-label="menu"> <ul class="menu__items" aria-label="menu"> {{ $current := . }} {{ range .Site.Menus.main }} <li class="menu__items__item" aria-label="{{ .Name }}"> <a href="{{ .URL }}" class="menu__items__item__link {{ if $current.IsMenuCurrent "main" . }}active{{ end }}" alt="{{ .Name }}" role="menuitem"> {{ .Name }} </a> </li> {{ end }} </ul> </nav> {% endraw %}
=== "Explication"
la fonction range scanne tous les paramètres pour savoir les pages qui appartiennent au menu main
Créer du contenu
Pour l'exemple, nous choisissons de créer la page Présentation.
