Rezepte zur Nutzung von «GRAV»
Bei unseren Rezepten setzen wir immer voraus, dass die Administrationsoberfläche mitinstalliert wurde und mit einem Child-Theme gearbeitet wird (Empfehlung).
Reiht man mehrere Elemente des modularen Templates «Text» aneinander, zeigt sich, dass die Abstände zwischen den Elementen etwas gross ausfallen...
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?
Nach der Erstinstallation des Quark-One-Page-Skeletons überlagert eine mit Text gefüllte Fläche das Hero-Bild. Diese Überlagerung verschwindet «unwiederbringlich» nach dem ersten Speichern der modularen Seite «Features».
Wie lässt sich mit den Bordmitteln ein einfacher Bildwechsler (ohne Bildlegende/Caption) erstellen?
Wie lassen sich mit den Bordmitteln «auf die Schnelle» anspruchsvollere Layouts erstellen, zum Beispiel ein «responsives» dreispaltiges Seitenelement mit «Cards»?
Wie sich «out-of-the-box» ein Bildwechsler ohne Bildunterschrift erstellen lässt, kann hier nachgelesen werden. Und wenn zusätzlich eine Bildlegende erwünscht ist?
Betrachtet man eine Website, die mit GRAV und einem unveränderten Quark-Theme erstellt wurde, auf einem mobilen Gerät, wird die Schrift sehr klein dargestellt. Wie kann die Schrift für die Anzeige auf mobilen Geräte vergrössert werden?
Um eine neue Seite zu erzeugen, kann man im Administrationsbereich auf den Button «Hinzufügen» klicken. Im Fenster, das anschliessend erscheint, steht bei der Wahl des Seiten-Templates die Option «Modular» zur Verfügung.
Das Konzept und der Nutzen modularer Seiten erschliesst sich...
Beim Klick auf eine modulare Seite im Menü verschwinden die Links auf die «normalen» Seiten und nur noch die Links auf die modularen Unterseiten werden angezeigt
Standardmässig ist es nicht möglich, Markdown in HTML-Code einzubinden. Das kann sich zum Beispiel dann nachteilig auswirken, wenn man mit HTML-Gestaltungsvorlagen arbeitet, wie sie auf den Webseiten der jeweiligen CSS-Frameworks zur Verfügung gestellt werden....
Im Quark-One-Pager ist bei der Verwendung von SVG-Logos ein hübscher Effekt eingebaut. Das Logo wechselt beim Hochscrollen seine Farbe von weiss auf schwarz:
https://demo.getgrav.org/onepage-skeleton | https://gravik.ch
Leider verschwindet dieser Effekt, wenn man, wie empfohlen, ein Child-Theme erzeugt. Dort ist es erforderlich, in den Theme-Einstellungen eigene Logos hochzuladen, da sonst Fehlermeldungen angezeigt werden. Damit verschwindet aber auch der erwähnte Effekt.
Übrigens wird der Effekt ausschliesslich auf SVG-, jedoch nicht auf JPG-, GIF- oder PNG-Dateien angewendet.