Theme anpassen

Für Grav gibt es viele verschiedene Themes - also Vorlagen, wie die Website gestaltet sein soll. Ein Theme gibt einen grobe Richtung vor, die man im Anschluss jedoch noch individualisieren will. Diese Website nutzt das Theme: "Learn2" und wurde aber so angepasst:

Um dies zu bewerkstelligen, ohne das eigentliche Theme zu verändern, erstellt man ein eigenes Theme z.B. "mytheme" und erbt dann alle Eigenschaften des ursprünglichen Themes (offizielle Anleitung). Nun kann man z.B. nur die Hintergrundfarbe überschreiben und sonst bleibt alles beim Alten.

  1. Erstelle auf dem FTP-Server einen neuen Ordner: user/themes/mytheme
  2. Kopiere die .yaml Datei des zu erbenden Themes, z.B.: user/themes/learn2/learn2.yaml in den neuen Order user/themes/mytheme und nenne die Datei in mytheme.yaml um.
  3. Öffne die Datei und füge folgenden Code hinzu:
    streams:
    schemes:
    theme:
     type: ReadOnlyStream
     prefixes:
       '':
         - user/themes/mytheme
         - user/themes/learn2
  4. Kopiere die Datei: /user/themes/learn2/blueprints.yaml nach: /user/themes/mytheme/blueprints.yaml
  5. Nun kann man im Adminbereich unter "Themes" auf das erstellte "mytheme" umstellen.

Jetzt erstellt man noch einen css Ordner, in den man dann eigenen CSS Code schreiben kann, um das Aussehen der Seite zu verändern:

/* Die Haken bei den schon besuchten Seiten wird dauerhaft entfernt: */
#sidebar ul li.visited>a .read-icon {
    display: none !important;
}
/* Der Header Hintergrund wird rot: */
#header {
    background: Tomato;
}