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

Sonntag, 07. Mai 2023
blueprints quark frontmatter yaml

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

features1 Layout der Startseite direkt nach der Installation des Quark-One-Page-Skeletons

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

Lösung

Variante 1 («Provisorium» ):

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

Variante 2 (Dauerlösung):

Die Datei /user/themes/mein-quark-child/blueprints/modular/features.yaml in einem Texteditor öffnen
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
Cache leeren, Seite neu laden
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
```