Breadcrumb Navigation anpassen

Passen Sie die beliebte Breadcrumb Navigation in Ihrer Webseite an eigene Wünsche an. Versuchen Sie den Codeschnipsel des Beitrags und werten Ihren Blog auf.

home » automad » die breadcrumb navigation in automad cms individuell anpassen

Was ist die Breadcrumb-Navigation

Die so genannte Breadcrumb-Navigation (engl. Brotkrumen-Navigation) ist die praktische serielle Anzeige, in welchen Ordnerstrukturen sich der Leser und Besucher aktuell aufhält. Jeder weitere Ordner in dem der Leser thematisch absteigt, wird der Brotkrumen-Navigation als weiteren Link angefügt und symbolisiert den klickbaren Bewegungspfad des Lesers.

Mit diesem Code eine Breadcrumb Navigation für Automad bauen

Die Breadcrumb-Navigation ist im Internet als Standard etabliert, auch mit Automad können Sie eine so genannte Brotkrumen-Navigation einbinden. Möchten Sie eine so genannte Breadcrumb-Navigation unter Ihre Beiträge oder an anderer Stelle einfügen, dann sollten Sie das folgende Codeschnipsel mal ausprobieren.

<nav class="breadcrumb" aria-label="breadcrumbs">
<@ newPagelist { 
    type: 'breadcrumbs',
    excludeHidden: false
} @>
<@ foreach in pagelist @>
    / <a href="@{ url }">@{ title }</a>
<@ end @>
</nav>

Code

Sie erhalten an der Stelle an der Sie es in Ihr Template einbauen die typische Brotkrumen-Navigation im Stile von: / Home / Kategorie / Beitrag


Oliver Lohse
2024-01-28
Flatfile CMS Automad Navigation Breadcrumb
post

PHP8 und MySQL - Dynamische Webseiten mit PHP und MySQL programmieren: Alles, was Sie dafür wissen müssen, steht in diesem Buch. Profitieren Sie von einer praxisorientierten Einführung und lernen Sie alle neuen Sprachfeatures von PHP 8 kennen. Die Autoren Christian Wenz und Tobias Hauser sind erfahrene PHP-Programmierer und Datenbankspezialisten

Wir können mit so genannten Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Impressum


CMSWorkbench ist ein Tec- und Entwickler-Seite, rund um die Webtechniken der Content Management Systeme.

Datenschutz


Diese Webseite nutzt keine Cookies oder sonstige Speichermechanismen, die einen Rückschluss auf das Leserverhalten zulassen.

Kontakt


Sie können mit der Redaktion oder dem Administrator via eMail unter der Adresse: Kontakt@Oliver-Lohse.de aufnehmen.