Anker in der Navigation nutzen
Veröffentlichungsdatum: 11. März 2019
Änderungsdatum: 08. August 2023
Projektgrundlage: BASE
Für Navigationspunkte können Sie Seitenanker pro Navigationspunkt setzen oder auch dynamisch Anker-Links für die Navigation generieren.
Anker zu einem Navigationslink hinzufügen
Hierzu steht Ihnen in der Navigationsbearbeitung innerhalb des Link-Feldes ein Anker-Symbol zur Verfügung. Dies erscheint, sobald eine im Projekt abliegende Seite verlinkt ist und ermöglicht bei Klick auf das Anker-Symbol die Auswahl der verfügbaren Sprungmarken. Zur Auswahl stehen die in der Seite definierten Anker, abgebildet durch die Überschrift-Elemente.
Nach Auswahl eines Ankers, wird dieser dem Link-Pfad (z.B. /de/ueber-uns/index.php) als Seitenanker angefügt:
/de/ueber-uns/index.php#anchor_176ecb50_Produktionskapazitaeten
Bei Aufruf der Seite wird direkt zur Sprungmarke in der Seite gescrollt.
Navigation aus Seiten-Überschriften generieren
Navigationspunkte lassen sich aus Überschriften einer Inhaltsseite automatisch generieren. Legen Sie hierzu in der Überschrift fest, dass diese in die Navigation als Unterpunkt
aufgenommen wird. Hierzu gehen Sie wie folgt vor.
Schritt 1: Seitenanker einbinden aktivieren
Schalten Sie über "Navigation bearbeiten" unter dem Reiter "Diese Maske anpassen" im Attribut "includeNavAnchors"den Parameter editable="1".
Beispiel: Auszug aus der Pflegemaske der Navigation zum Attribut "includeNavAnchors"
<attribute name="includeNavAnchors" editor="selectbox" valueSelected="" caption="Seitenanker einbinden" en:caption="Include anchors" editable="1" levelsEditable=""> <item de:name="" en:name="" value=""/> <item de:name="als Unterpunkte" en:name="As subpoints" value="sub"/> <item de:name="ersetzen" en:name="As self" value="self"/> </attribute>
Schritt 2: Seitenanker einbinden nutzen
Durch obige Einstellung können Sie in der Maske unter "Navigation
bearbeiten" bei jedem Navigationspunkt einstellen, dass die dafür
markierten Überschriften in den aufzurufenden Seiten automatisch in die
Navigation eingebunden werden.
Dies kann zum einen als Unterpunkte zum betreffenden Navigationspunkt definiert werden, oder auch den betreffenden Navigationspunkt ersetzen.
Schritt 3: Überschriften für Navigation vorbereiten
Markieren Sie innerhalb der Konfiguration der Überschriften, welche davon in der Navigation erscheinen sollen. Nur Überschriften mit der Markierung "Kann automatisch in der Navigation eingefügt werden" können erscheinen.
Ergebnis
In der Web-Präsenz sehen Sie nun, dass die Unterpunkte des Hauptpunktes "Über uns" automatisch aus den Überschriften der Inhaltsseite generiert werden.