Logo

Der Seiten Paginator und Blätterfunktion des Pico CMS


Dieser Beitrag zeigt Ihnen, wie Sie mit wenigen Handgriffen einen Seitenpaginator und Blätterfunktion in Ihre CMS-Webseite bzw. Web-Blog implementieren.

USB C zu USB C Adapter Kabel

USB C zu USB C Adapter Kabel - ⚡ 60W Schnellladen & Datenübertragung Synchronisation ⚡ USB-C-zu-USB-C Kabel mit integriertem 56-Ω-Pull-up-Widerstand und 22 AWG dicken Kupferkernen, die Ladesicherheit zu gewährleisten. Hinweis

kaufen...
Automad Bludit Coast GetSimple GRAV Handlebars Java PHP Pico Smarty Templating Typemill WonderCMS WordPress yamlCMS

Das kleine Flatfile CMS Pico bietet Ihnen einen vorgefertigten Seiten-Paginator mit dessen Hilfe Sie ausgehend von der aktuell engezeigten Seite, zur vorherigen oder nächsten Seite verzweigen können.

Binden Sie in Ihrem Pico Template das folgende Codeschnipsel (Bootstrap CSS) ein, um eine Blätterfunktion zu erhalten:

...  ...
056  <div class="row mt-5">
057    <div class="col-sm">
058      <a href="{{ previous_page.url }}"><h4>{{ previous_page.title }}</h4></a>
059      <hr>
060      <p>{{ previous_page.description }}</p>
061    </div>
062    <div class="col-sm">
063      <a href="{{ next_page.url }}"><h4>{{ next_page.title }}</h4></a>
064      <hr>
065      <p>{{ next_page.description }}</p>
066    </div>
067  </div>
...  ...

Beispielcode für Bootstrap CSS

Das obige Beispeil basiert auf dem populären Bootstrap CSS und erzeugt unterhalb des Beitrags-Contents zwei neue Spalten in denen links der vorherige Post und rechts der folgende Post angezeigt werden (ggf. müssen Sie das CSS an Ihren Style anpassen). Beide Spalten zeigen den klickbaren Titel und den Anleser des Beitrags aus dem Meta-Informationen des Textes an.

Genau betrachtet bietet das Pico CMS keinen echten Paginator, denn es ist in Wirklichkeit der Page.Tree, also der Verzeichnisbaum. Klicken Sie immer den vorangegangenen Beitrag an, funktioniert dies nur so lange Sie im aktuellen Verzeichnis auch vorgelagerte Beiträge haben, irgendwann landen Sie letztendlich auf der home-Seite, der Startseite. Der Page.Tree steigt aus dem untersten Zweig, Beitrag für Beitrag zurück, bis hin zur root auf und der Leser befindet sich auf der Wurzel.

Passend:


Fragen Sie Sie die aktuell angezeigte Seite mit Paginator ab

Arbeiten Sie in Bludit mit Seitennavigationen, dann kann die Abfrage der aktuellen Seite durchaus hilfreich sein. So fragen Sie diesen Wert der Seite ab.

Bestimmte Seiten im Beitrags Loop des Pico CMS ausschliessen

if-Kontrollstrukturen im Twig-Template helfen bestimmte Seiten auszuschließen, denn nicht alle Seiten sollen beispielsweise einen Autor oder das Datum zeigen

Subpages im WonderCMS Theme abfragen und anzeigen lassen

Mit diesem Code zeigen Sie die so genannten subpages in einem WonderCMS Theme an. Es sind nur zwei PHP Schleifen nötig, um Subpages in das Theme einzubinden.

Schalten Sie den Seitenpaginator im Bludit Template ein

Aktivieren Sie den Seiten Paginator auch für das Theme Alternative, um beizu viel angezeigten Beiträgen auf die nächste Seite blättern zu können.

Das Plugin PicoPageList und die Anpassung in Pico CMS

Der Beitrag zeigt, wie Sie mit dem Plugin PicoPagesList.php weitere Beiträge des aktuellen Ordners azeigen lassen können, um diese in ein Menü aufzunehmen.

Inhalte pro Seite individuell im Bludit CMS anpassen

Im Admin Backend von Bludit können Sie die Einstellungen für den Seiten Paginator vornehmen. Benötigen Sie eigene Werte, dann nehmen Sie diese Anpassung vor.


Meta: Instagram CMSWorkbench.de GIMP-Handbuch.de Kontakt Impressum Datenschutz