Rezepte

Bei unseren Rezepten setzen wir immer voraus, dass mit einem Child-Theme gearbeitet wird (https://learn.getgrav.org/17/­themes/customization).


Problem
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

Lösung

  1. Auf die modulare Hauptseite gehen
  2. In die «Expertenansicht» wechseln
  3. Im «Frontmatter» gleich unterhalb von title: Seitenname onpage_menu: false eingeben, speichern
  4. Cache leeren, Seite neu laden

Quark-One-Page-Site: Überlagerung auf Startseite (grafischer Effekt)

Problem
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».

[row_andi style="padding: 0 !important;"] [col_andi] features1 Layout der Startseite direkt nach der Installation des Quark-One-Page-Skeletons [/col_andi] [col_andi] features2 Layout der Startseite, nachdem die modulare Seite «Features» neu gespeichert wurde. Die Überlagerung, die uns als grafisches Element eigentlich ganz gut gefällt, verschwindet «unwiederbringlich». [/col_andi] [/row_andi]

Lösung
Variante 1 («Provisorium» ):

  1. Die «Features»-Seite nach jedem Bearbeiten und Speichern erneut im Bearbeitungs-Modus öffnen
  2. In die «Expertenansicht» wechseln
  3. Im «Frontmatter» class: small durch class: offset-box ersetzen
  4. Cache leeren, Seite neu laden

Variante 2 (Dauerlösung):

  1. Die Datei /user/themes/mein-quark-child/blueprints/modular/features.yaml in einem Texteditor öffnen
  2. Am Ende des Bereichs header.class die Zeile offset-box: Standard with offset-box eingeben und speichern –> dabei darauf achten, dass der Ausdruck linksbündig unter den zwei vorherigen Zeilen steht
  3. Cache leeren, Seite neu laden
  4. Die modulare Seite im Bearbeitungsmodus öffnen und unter dem Tab (Registerkarte) «Features» die Einstellung «Standard with offset-box» wählen

    So sieht der neue header.class-Bereich aus:
    header.class:
    type: select
    label: Layout
    default: small
    size: medium
    options:
    small: Small   = 4 / 3 / 2 columns
    standard: Standard  = 3 / 1 / 1 columns
    offset-box: Standard with offset-box

Quelle


Quark-One-Page-Site: Farbwechsel-Effekt des Quark-SVG-Logos in einem Child-Theme

Problem
Im Quark-One-Pager ist ein hübscher Logo-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.

Lösung

  1. Die Datei /user/themes/mein-quark-child/mein-quark-child.php mit einem Texteditor öffnen
  2. Mit dem folgenden PHP-Code vergleichen, Fehlendes ergänzen und anpassen:
<?php
namespace Grav\Theme;

use Grav\Common\Grav;
use Grav\Common\Theme;

class Mein-Quark-Child extends Quark
{
   // Some new methods, properties etc.
}
?>
  1. Speichern
  2. Ein eigenes schwarz-weisses SVG-Logo gestalten und unter dem Namen grav-logo.svg speichern oder exportieren –> sich dabei mehr oder weniger genau an die Ausmasse des Original-Quark-Logos (grav-logo.svg) halten
  3. Im Verzeichnis /user/themes/mein-quark-child einen Ordner namens images erzeugen (sofern er nicht bereits vorhanden ist)
  4. Die SVG-Datei grav-logo.svg in den Ordner /user/themes/mein-quark-child/images kopieren
  5. Überprüfen, dass in den Themes-Einstellungen keine Logos vorhanden sind
  6. Den Cache leeren, die Seite neu laden und überprüfen, ob das Logo angezeigt wird und der Scroll-Effekt funktioniert

    falls es klappt, freuen wir uns über ein kleines Feedback ;-)

Quelle