Inhalt 1 (Text und/oder Bild), bereits ausgeklappt und sichtbar
Problem
Manche gewünschte Funktion steht mit der Grundinstallation von Grav nicht oder nur eingeschränkt zur Verfügung. Wie lässt sich die Funktionalität von GRAV ohne viel Aufwand erweitern?
Lösung
Der Funktionsumfang von GRAV lässt sich anhand zahlreicher Plugins massiv erweitern. Diese können direkt über den Administrationsbereich installiert und aktualisiert werden.
Empfohlene Plugins
Kern-Plugin, erforderlich für die Funktion der anderen Shortcode-Plugins, beinhaltet einige Text-Erweiterungen
Bildergalerie mit Lightbox-Funktion
Bildwechsler (Karussell) mit optionaler Bildlegende
Akkordeon, Bildvergleichs-Slider (vorher/nachher), Registerkarten (Tabs), Textanimationen
«Lightbox»-Funktion
*Shortcodes sind Kurzbefehle, mit denen schnell und einfach auch umfangreiche Inhalte integriert werden können. Ein Shortcode besteht aus einem Anfangs- und einem Schluss-Tag mit je zwei eckigen Klammern und dem Befehl in der Mitte.
Mit dem Shortcode [gallery] ... [/gallery] beispielsweise kann mit geringem Aufwand eine Bildergalerie erzeugt werden.
Installation
- In der Administrationsumgebung auf «Plugins» klicken
- Oben rechts auf «Hinzufügen» klicken
- Entweder zum gewünschten Plugin scrollen oder im Suchfeld unter «Verfügbare Plugins» den Suchbegriff eingeben (z.B. Shortcode, Featherlight)
- Beim gewünschten Plugin auf «Installieren» klicken
In der Regel ist das Plugin nun aktiviert und seine Funktionen können genutzt werden
Shortcode Core
Shortcode Core ist das Kern-Plugin – wie bereits oben erwähnt – und muss installiert und aktiviert sein, damit jedes andere shortcode-spezifische Plugin funktioniert. Zusätzlich beinhaltet es einige Text-Erweiterungen.
-> mehr zu Shortcode Core auf GitHub
Shortcode Gallery++
Das Plugin Shortcode Gallery++ kombiniert ein vielfältig konfigurierbares Galerie-Layout mit einer «Lightbox»-Funktion. Wird auf ein Bild in der Galerie geklickt, erscheint es grossformatig vor einem abgedunkelten Hintergrund.
-> mehr zu Shortcode Gallery++ auf GitHub)
Shortcode Owl Carousel
Mit dem Plugin Shortcode Owl Carousel kann aus Bildern, die auf die Seite hochgeladen wurden, ganz einfach ein Slider bzw. Bildwechsler erzeugt werden. Owl Carousel bietet eine breite Palette an Features und Funktionen, die über Shortcode-Attribute direkt zugänglich sind.
-> mehr zu Shortcode Owl Carousel auf GitHub
Shortcode UI
Das Plugin Shortcode UI bietet eine Vielzahl von Funktionen an, von denen hier drei näher vorgestellt werden.
-> mehr zu Shortcode UI auf GitHub
Tabs/Registerkarten
Mit Shortcode UI können anhand weniger Code-Zeilen vielseitig verwendbare «Tabs» (Registerkarten) erzeugt werden. Eine Registerkarte, auch Reiter oder eben Tab genannt, ist ein Steuerelement einer grafischen Benutzeroberfläche, das einem Registerblatt aus Aktenschränken nachempfunden wurde.
Akkordeon
Mit dem Shortcode UI kann ganz einfach ein Akkordeon erzeugt werden. Ein Akkordeon ist ein Designelement, das geöffnet werden kann, um verborgene Informationen anzuzeigen. Beim Öffnen wird der Inhalt sichtbar und der übrige Seiteninhalt wird nach unten verschoben.
Bildvergleich
Mit Shortcode UI kann ganz leicht ein Bildvergleichs-Schieberegler (-Slider) erzeugt werden. Zwei Bilder können interaktiv verglichen werden, indem ein Schieberegler (Slider) verschoben wird.
Featherlight
Mit dem Plugin Featherlight kann jedes Bild auf einfache Weise um eine «Lightbox»-Funktion erweitert werden. Wird auf das Bild geklickt, erscheint es grossformatig vor einem abgedunkelten Hintergrund.
-> mehr zu Featherlight auf GitHub
vorheriger Beitrag nächster Beitrag
Kommentar hinzufügen