Oder genauer gesagt: Mehrere Seiten, Registerkarten und Slider mit dem Page Break Plugin
Wenn du deinen Inhalt mit Tabs, Sliders oder über mehreren Seiten mit Navigation präsentieren möchtest, kannst du zum Joomla-Erweiterungsverzeichnis gehen und dort was passendes suchen... aber das musst du gar nicht. Die Funktionalität ist direkt in den Core eingebaut, super einfach zu benutzen!
Dies ist die Übersetzung des Artikels Explore the core: multiple pages, tabs and sliders with the Page Break Plugin aus dem Joomla Community Magazine 04/24 von Viviana Menzel
Joomla hat viele Funktionen an Bord, aber manchmal scheint es einfacher zu sein, nach einer Erweiterung zu suchen, als zu erforschen, wie man den Core benutzt. In diesem Artikel werden wir das Page Break Plugin vorstellen. In der Beschreibung des Plugins heisst es:
Erlaubt die Erstellung eines paginierten Artikels mit einem optionalen Inhaltsverzeichnis.
Einfügen von Seitenumbrüchen durch die Verwendung der Seitenumbruch-Schaltfläche, die sich normalerweise in der Symbolleiste des WYSIWYG-Editors befindet. Die Position des Seitenumbruchs in einem Artikel wird im Editor als einfache horizontale Linie angezeigt.
Der angezeigte Text hängt von den gewählten Optionen ab und kann entweder der Titel, alternativer Text (falls vorhanden) oder Seitenzahlen sein.
Was in der Beschreibung fehlt, ist die Tatsache, dass man mit dem Seitenumbruch-Plugin auch Sliders oder Tabs (Registerkarten) erstellen kann. Und das Gute daran ist, dass dafür nichts geändert werden muss: Das ist alles in den Einstellungen des Plugins enthalten.
Dann legen wir also gleich los!.
Plugin-Einstellungen
Das Plugin findet man unter System -> Plugins und filtert dort nach Typ „Inhalt“ oder sucht nach „Seitenumbruch“. Die Standardeinstellungen sehen wie folgt aus:
Die Parameter Seitentitel anzeigen, Verzeichnisüberschrift, Eigene Überschrift, Inhaltsverzeichnis und Alles anzeigen wirken sich nur auf die Darstellung in Seiten aus. Man kann auch die Layouts „Sliders“ oder „Tabs“ als Layout wählen. Um die Layouts und Einstellungen zu verstehen, werden wir sie im Folgenden anhand von drei Fallbeispielen ausprobieren.
Fallbeispiel 1: Langen Inhalt Unterteilen
Man kennt dieses Muster vielleicht von Zeitungswebsites oder wissenschaftlichen Artikeln: Ein langer Text wird auf mehreren Seiten dargestellt, mit einer Navigation, vielleicht einem Inhaltsverzeichnis und einer Schaltfläche „Gesamten Text auf einer Seite anzeigen“.
Wir erstellen einen Beispielartikel mit mehreren Absätzen und teilen ihn in Seiten auf. Dazu setzen wir den Cursor an den Anfang jedes Absatzes, wo wir einen Seitenumbruch wünschen. CMS Inhalt -> Seitenumbruch.
Hier kann der Name der Folgeseite und die Bezeichnung für den Inhaltsverzeichnis-Eintrag eingegeben werden.
Das sieht dann so aus:
Der Text zeigt den Anfang des Artikels und den Teil bis zum Seitenumbruch, bevor es eine Seite mit einem Inhaltsverzeichnis gibt. Darunter steht die Zahl der Seiten. Auf der rechten Seite steht ein Feld mit dem Inhaltsverzeichnis oder einem Artikelindex. Man kann durch die Seiten klicken oder blättern, um sie anzusehen. Oder man klickt auf "Alle Seiten", um den ganzen Text zu sehen.
Nicht schlecht!
Wir spielen nun mit den Parametern im Plugin und schauen uns an, was passiert.
Erste Änderung:
Seitentitel anzeigen = verbergen
Der Teil Einführung auf der Seite mit dem Titel verschwindet:
Zweite Änderung:
Gib eine eigene Überschrift ein, zum Beispiel „Inhaltsverzeichnis“:
Der Titel der Box hat sich geändert.
Dritte Änderung:
Inhaltsverzeichnis = verbergen
Der Kasten hat keinen Titel:
Vierte Änderung:
Alles anzeigen = verbergen
Der Link zum Anzeigen des gesamten Textes verschwindet:
Fünfte Änderung:
Inhaltsverzeichnis = verbergen
Die Box verschwindet und stattdessen wird eine Navigation mit den einzelnen Seiten angezeigt:
Fallsbeispiel 2: FAQ (Häufig gestellte Fragen)
Viele Websites haben einen FAQ-Bereich. Das Seitenumbruch - Plugin kann verwendet werden, um einen solchen Bereich zu erstellen. Wir ändern den Präsentationsstil auf „Darstellung in Sliders“ und erstellen einen neuen Beitrag. Die Frage ist der Seitentitel des Seitenumbruchs, die Antwort kann als Absatz darunter geschrieben werden. Das Ergebnis sieht wie folgt aus:
und mit einer geöffneten Frage:
Fallbeispiel 3: Weitere Informationen
Eine weitere mögliche Verwendung des Page Break Plugins ist die Erstellung einer kompakten Ansicht von zusätzlichen Informationen in einem Artikel. Wir haben zum Beispiel einen Filmkritik-Blog und möchten Informationen wie den Namen des Regisseurs, die Liste der Schauspieler, den Komponisten der Filmmusik usw. hinzufügen.
In den Einstellungen des Plugins wählen wir nun „Darstellung inTabs“ als Präsentationsstil. Im Artikel wird jeder zusätzliche Informationsteil eine Registerkarte sein, und was wir in das Feld Seitentitel eingeben, wird der Titel der Registerkarte sein:
Die Registerkartenansicht ist responsiv und ändert sich auf kleinen Bildschirmen in eine sliderähnliche Ansicht:
Hast du Lust auf noch mehr? Wir können auch Felder verwenden. Wir haben zum Beispiel ein Verzeichnis von Restaurants und Bars in unserer Stadt. Wir erstellen eine Reihe von Feldern wie „Adresse“ und „Öffnungszeiten“. In den Optionen der Felder setzen wir Beschriftung auf „Verbergen“ und Automatische Anzeige auf „Keine automatisch Anzeige“:
Im Artikel erstellen wir einen Seitenumbruch mit dem Titel „Adresse“ und fügen das unten stehende Feld ein. Dasselbe tun wir mit „Öffnungszeiten“:
Felder können über CMS Inhalt -> Feld in den Text eingefügt werden:
Das Resultat sieht dann so aus:
Erster Tab
Zweiter Tab:
Vermuthstropfen
Die Sache mit den Seitenumbrüchen, Sliders und Tabs hat allerdings einen Haken: Es ist leider nicht möglich, die verschiedenen Ansichten der Plugins gleichzeitig zu verwenden. Man muss sich für einen Präsentationsstil entscheiden, und alle Seitenumbrüche auf deiner Website werden so aussehen. Wenn man Seitenumbrüche, Slidesr und Tabs gleichzeitig benötigt, muss die Erweiterung eines Drittanbieters benutzt werden.
Fazit
Das Seitenumbruch - Plugin ermöglicht es, Inhalte auf verschiedene Arten zu präsentieren, ohne dass man Erweiterungen von Drittanbietern installieren oder Code schreiben müsste.
Alle Beispiele wurden mit dem Cassiopeia - Template erstellt. Da das Seitenumbruch - Plugin auf einer Joomla Core Komponente basiert, die ihr eigenes Javascript und CSS lädt, sollte es auch mit anderen Templates funktionieren.
Hoffentlich ist dieser Artikel eine Inspiration für dich und kannst das hier Erklärte in deinem nächsten Joomla - Projekt anwenden.
Über die Autorin dieses Artikels
Dieser Beitag wurde im Original von Viviana Menzel verfasst. Seit 2008 erstellt Viviana Webseiten mit Joomla. Seit 2014 engagiert sie sich ehrenamtlich in der Joomla-Community und ist mittlerweile in verschiedenen Teams (Maintainer, Accessibility, Events) aktiv. Viviana schreibt gerne Artikel für das Joomla Magazin und andere Blogs. Seit 2019 ist sie zudem (Mit-)Organisator des JoomlaDay Germany / D-A-CH.