Diese Anleitung beschreibt, wie du das Hadron Theme anpassen kannst. Durch die Anpassung des Themes änderst du mehr als nur einige Optionen: Du veränderst das Aussehen deiner Website, indem du den Quellcode des Themes (CSS/ SCSS, JavaScript, Twig) bearbeitest.
Da du CSS/ SCSS, JavaScript und Twig Dateien bearbeitest, wird empfohlen, dass du über Kenntnisse in diesen Sprachen verfügst. Wenn du nicht vertraut mit ihnen bist, kannst du das Theme trotzdem anpassen, indem du die Theme-Optionen im Admin-Panel änderst. Siehe die Hadron Theme-Optionen für weitere Informationen.
In Grav gibt es mehrere Möglichkeiten, ein Theme anzupassen (siehe Grav Docs für weitere Informationen). Grundsätzlich gibt es zwei Möglichkeiten, das Hadron Theme anzupassen:
Der einfachste Weg, das Hadron Theme anzupassen, ist die Verwendung des Hadron Skeletons. Der Hadron Skeleton ist ein vorinstalliertes Grav-Paket, das das Hadron Theme und einige Demo-Inhalte enthält.
Das Hadron Skeleton enthält auch ein drittes Theme namens «Local», das im Grunde das ist, was es klingt: ein lokales Theme, direkt im Skeleton, bereit zur Anpassung. Auf diese Weise kannst du das Theme anpassen, ohne deine Änderungen zu verlieren, wenn du das Theme aktualisierst.
Wenn du das Hadron Skeleton lieber nicht verwenden möchtest, kannst du auch manuell ein Child Theme erstellen. Weitere Informationen findest du in den Grav Docs. Dies ist nützlich, wenn du bereits eine Grav-Installation hast und das Hadron Theme hinzufügen möchtest. Wenn du jedoch eine neue Website mit Grav + Hadron erstellen möchtest, ist das Skeleton möglicherweise die bessere Wahl.
Dennoch kann es nützlich sein, einiges vom Local Theme zu übernehmen, um die Anpassungen zu erleichtern. Den Code dazu findest du im Hadron Skeleton auf GitHub unter themes/local.
