Top- und Sub-Level Menüs

Top-Level vs Sub-Level Menüs in Pico CMS. Zeigen Sie immer die oberen Menüebene oder die aktuell untergeordneten Menüebene an. Mit diesem Code geht es

home » pico » menues in pico cms top level vs sub level navigation

Top Level Menüs in Pico CMS

Möchten Sie in Pico CMS immer die oberste Ordnerstuktur als Menü anzeigen (egal auf welcher Seite Sie gerade sind), dann ist der folgende Code genau richtig:

049  {% for page in pages(depthOffset=-1) if page.title and not page.hidden %}
049      <a href="{{ page.url }}">{{ page.title }}</a>
049  {% endfor %}

Code

Egal wie tief Sie in der Struktur des Pico CMS navigieren bzw. in den Ordnern absteigen, Sie erhalten immer die Navigation mindestens auf home und den obersten Ordnern unterhalb der Startseite.

Sup-Level Menüs in Pico CMS

Möchten Sie, ausgehend vom aktuellen Ordner immer die untergeordneten Ordner als Menü anzeigen, dann ist dieses Codeschnipsel richtig:

049  {% for page in pages(current_page.id, depth=0)|sort_by("time")|reverse if not page.hidden %}
049      <a href="{{ page.url }}">{{ page.title }}</a>
049  {% endfor %}

Code

Steigen Sie tifer in die Verzeichnisstruktur des Pico CMS ab, ändert sich das Menü natürlich, es zeigt immer die Ordner oder Beiträge die unterhalb oder innerhalb der aktuellen Position zu finden sind. Eine Navigation nach oben ist nicht möglich (es sei denn Sie implementiren einen dedizierten home Button in das Pico-Menü.


FlightCMS
2024-01-28
PHP8
post

JavaScript - Das umfassende Handbuch. JavaScript lernen und verstehen. Inkl. objektorientierter und funktionaler Programmierung - Umfassender Einstieg in JavaScript, praktische Beispiele und eine Darstellung professioneller Techniken. Eignet sich für Anfänger, die JavaScript von Grund auf lernen, als auch für Profis, die wissen wollen, wie man moderne, dynamische Webanwendungen entwickelt. Hier finden Sie alle Techniken: Ajax, jQuery, Node.js, DOM und mehr. Neueste Trends, Techniken und Entwicklungen bis hin zur Steuerung von Microcontrollern. Objektorientierung, ECMAScript 21 und funktionale Programmierung mit praxisnahen Beispielen für sofortigen Einsatz.

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.