Eine Navigation besteht in einem Block-Theme immer aus zwei Teilen:
-einem Navigationsmenü mit Links und einem Navigationsblock dem die Links (Menü) zugewiesen sind
-mit dem Gutenverse-Plugin haben wir eine 2-te Möglichkeiten für eine Navigations-Erstellung. Doch leider nur für klassische Themes. Desshalb ist diese Option für mich nicht geeignet(Obsolet).
Der Navigationsblock kann in einem Block-Theme an einer beliebigen Stelle eingefügt werden. Ich habe mich für das Standard-Blockelement Navigation entschieden. Das „Nav Menu“-Blockelement hat bessere/mehr Optionen für Anpassungen, aber der grosse Nachteil ist, dass ich keine Möglichkeit für eine vertikale Navigation gefunden habe und eher nur für klassische Themes.
Eine weitere Navigations-Möglichkeit ist eine Linkmarkierung. Hiermit kann ein Text/Bild/etc. markiert und mit einen Link verknüpfen werden. Fährt man mit der Maus über diese Markierung wird ein Handsymbol für einen Link-Hinweis angezeigt, mit einem klick springt man zu diesem Link. Mit dieser Methode können die Links vielfältiger gestaltet werden. Zum Beisp. auf einem Icon oder Bild. Diese Methode wenden wir im Footer an.
Nameskonventionen für Menüs, bestehend aus 3 Teilen (menu-Name-horizontal/vertical):
| Namensteil | Möglichkeiten | Menüteil | Beispiele |
|---|---|---|---|
| Art (fix) | menu | menu | |
| Element | Header, Footer oder/und Tätigkeit | -Name- | menu-HowToWebsite-vertical |
| Ort | Left, Center oder Right | -Name- | menu–HeaderCent–horizontal menu-HeadRight-vertical |
| Orientierung (fix entweder oder) | horizontal oder vertical | horizontal/vertical | menu-FooterCenter-horizontal menu-FooterCenter-vertical |
Navigations-Menü Erstellung:
Backend>Design>Editor>Navigation
Wenn wir auf das Bleistift-Icon klicken gelangen wir in den Bearbeitungs-Bereich um den Link anzupassen, wie: Text, Link und „in einem neuen Tab öffnen“.