<\/a>Was ist Hadron?<\/h2>\n
Hadron<\/span> ist mehr als nur ein modernes und anpassbares Grav<\/a> Theme und Skeleton. Einerseits ist es für Einsteiger optimiert, um schnell eine einfache Website zu erstellen; andererseits eignet es sich auch für Profis, die Hadron als Grundlage für eine komplexe Website mit selbstentwickelten Funktionen nutzen möchten.<\/p>\n
Das Hadron Theme basiert auf Quark2<\/a>. Es erweitert Quark2 mit zusätzlichen Funktionen und Anpassungsoptionen, die Quark2 nicht bietet. Ausserdem gibt es neue Seiten Vorlagen und weitere Elemente, die nicht Teil von Quark2 sind. Wenn du bereits Quark oder Quark2 verwendest, kannst du einfach zu Hadron wechseln, indem du das Hadron Theme installierst und das Theme in den Grav Einstellungen anpasst.<\/p>\n

<\/a>Was ist der Unterschied zwischen dem Hadron Skeleton & Theme?<\/h2>\n
Hadron<\/span> gibt es in 2 Varianten: als Theme und als Skeleton.<\/p>\n
Das Theme ist ein modularer Bestandteil von Grav. Ähnlich wie Plugins können Themes mehr oder weniger frei installiert werden. Je nach Theme gibt es verschiedene Seitentypen, die verwendet werden können, sowie weitere Optionen, um das Verhalten der Seite zu bearbeiten.<\/p>\n
Das Skeleton ist ein grösserer Bestandteil von Grav. Es enthält den gesamten `\/user<\/code> Ordner, der als anpassbarer Teil einer mit Grav erstellten Website dient, einschliesslich des Hadron Themes selbst. Genauer gesagt umfasst dies Seiten, Konfigurationen, Plugins, Themes und gegebenenfalls auch Konten und andere Daten.<\/p>\n`
`Das Skeleton kann somit als sofort einsatzbereite Vorlage für eine Website verwendet werden, die direkt bearbeitet und veröffentlicht werden kann. Das Theme hingegen erfordert eine bereits vorhandene Seite.<\/p>\n`
<\/a>Sollte ich das Skeleton oder das Theme verwenden?<\/h2>\nJe nach Anwendungsfall ist es besser, das Skeleton oder das Theme zu verwenden.<\/p>\n<\/a>Warum das Skeleton?<\/h3>\nDu solltest das Hadron Skeleton in den folgenden Fällen verwenden:<\/p>\n\ndu möchtest eine einsatzbereite Website, die du einfach bearbeiten kannst<\/li>\n du suchst einen einfachen Einstieg in das Grav CMS<\/li>\ndu möchtest Hadron selbst ausprobieren<\/li>\n<\/ul>\n<\/a>Wann das Theme?<\/h3>\nIn den folgenden Fällen ist es sinnvoller, das Theme anstelle des Skeletons zu verwenden:<\/p>\n\ndu hast bereits eine Seite mit Grav erstellt und suchst ein (anderes) Theme<\/li>\n du verwendest das Quark2 Theme, möchtest aber mehr Funktionen<\/li>\ndu möchtest keine Website Vorlage verwenden, sondern alles von Grund auf selbst erstellen<\/li>\n<\/ul>\n<\/a>Funktionen von Hadron<\/h2>\nDas Hadron Theme bietet folgende Funktionen:<\/p>\n\nFertig einsatzbereiter Sprachschalter für mehrsprachige Websites<\/li>\n Einzigartige Unterstützung für responsive Tabellen<\/li>\n Menü mit Dropdown Unterstützung und anpassbaren Menüpunkten<\/li>\n Mehr Theme Anpassungsoptionen<\/li>\n Eingebaute Unterstützung für H5P<\/li>\n Eingebaute Unterstützung für Embed.ly<\/li>\n Bessere deutsche Übersetzungen<\/li>\nHervorgehobene Beiträge in Blogs<\/li>\n<\/ul>\n<\/a>Nur im Skeleton verfügbare Funktionen:<\/h3>\nDiese Funktionen sind nur im Skeleton verfügbar:<\/p>\n\nEinsatzbereites Grav System mit dem Hadron Theme<\/strong><\/li>\n Vollständige Website Vorlage mit Beispielen und optionalem Webshop<\/li>\n Konfiguriert für Mehrsprachigkeit und leicht in andere Sprachen erweiterbar<\/li>\n Viele Standardfunktionen, die für die meisten Websites benötigt werden, sind bereits enthalten<\/li>\n Vorgefertigte Gruppen Konfiguration zur einfachen Verwaltung von Benutzerrechten über das Admin Plugin<\/li>\n Vorinstallierte Plugins + vorkonfigurierte Einstellungen zur Vereinfachung bei der Veröffentlichung<\/li>\n Vorgefertigte Konfiguration für SendGrid E-Mail<\/li>\nVorgefertigte Konfiguration für Doppler Secrets Manager<\/li>\n<\/ul>\n<\/a>Von Quark2 übernommene Funktionen<\/h3>\nDie folgenden Funktionen wurden aus dem Quark Theme übernommen:<\/p>\n\nModernes Designsystem, erstellt mit BladesCSS<\/a><\/li>\n Font Awesome 7...<\/li><\/ul>","tags":["Anf\u00e4nger","Experte","Einf\u00fchrung"],"image":"\/images\/h\/e\/r\/o\/-\/hero-d5b19493.webp"},{"title":"Einf\u00fchrung | Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/einf%C3%BChrung","url":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/einf%C3%BChrung","content_html":"<\/a>Einf\u00fchrung<\/h2>\nDieses Hadron Skeleton enth\u00e4lt das Hadron Theme<\/a> selbst sowie einen einsatzbereiten user<\/code> Ordner mit Beispielen, Vorlagen und vielem mehr. So kannst du schnell auf unseren Vorlagen aufbauen und mit Grav CMS einfach eine neue Website erstellen.<\/p>\n <\/a>Hadron<\/h2>\nHadron gibt es in zwei Varianten: als Theme und als Skeleton. Mehr dazu findest du auf der Hadron Einf\u00fchrung<\/a>.<\/p>\n <\/a>Funktionen<\/h2>\nDas Hadron Skeleton beinhaltet folgende Funktionen:<\/p>\n<\/a>Einsatzbereites Grav System mit dem Hadron Theme<\/h3>\nDas Hadron Skeleton ist eine einsatzbereite Vorlage f\u00fcr eine Website, die du direkt bearbeiten und ver\u00f6ffentlichen kannst. Damit kannst du schnell und unkompliziert eine Website mit Grav erstellen, ohne bei Null anfangen zu m\u00fcssen.<\/p>\n<\/a>Vollst\u00e4ndige Website Vorlage mit Beispielen und optionalem Webshop<\/h3>\nEs enth\u00e4lt verschiedene Beispielseiten und Vorlagen, die als Ausgangspunkt f\u00fcr die Erstellung einer neuen Website dienen.<\/p>\n<\/a>Konfiguriert f\u00fcr Mehrsprachigkeit und leicht in andere Sprachen erweiterbar<\/h3>\nDie Website ist f\u00fcr Mehrsprachigkeit konfiguriert und l\u00e4sst sich leicht erweitern, um zus\u00e4tzliche Sprachen zu unterst\u00fctzen.<\/p>\n<\/a>Viele Standardfunktionen, die f\u00fcr die meisten Websites ben\u00f6tigt werden, sind bereits enthalten<\/h3>\nFunktionen, die die meisten Websites brauchen, sind bereits enthalten, zum Beispiel SEO, Kontaktformulare, Blog Funktionen und vieles mehr.<\/p>\n<\/a>Vorgefertigte Gruppen Konfiguration zur einfachen Verwaltung von Benutzerrechten \u00fcber das Admin Plugin<\/h3>\nVordefinierte Gruppen f\u00fcr optimale Benutzer Rechte sind bereits eingerichtet. So kannst du Benutzer mit unterschiedlichen Rechten anlegen, um die Sicherheit der Website sicherzustellen.<\/p>\n<\/a>Vorinstallierte Plugins + vorkonfigurierte Einstellungen zur Vereinfachung bei der Ver\u00f6ffentlichung<\/h3>\nEine Auswahl an Plugins und Themes ist bereits installiert und vorkonfiguriert. Dadurch reduziert sich der Aufwand f\u00fcr das Setup und das Ver\u00f6ffentlichen einer neuen Website wird einfacher.<\/p>\n<\/a>Vorgefertigte Konfiguration f\u00fcr SendGrid E-Mail<\/h3>\nNeben der E-Mail Konfiguration gibt es eine optionale Standardkonfiguration f\u00fcr SendGrid E-Mail. Damit k\u00f6nnen E-Mails \u00fcber SendGrid versendet werden (eigenes Konto ben\u00f6tigt!<\/strong>). Diese Funktion unterst\u00fctzt den Doppler Secrets Manager.<\/p>\n<\/a>Vorkonfigurierte Einstellungen f\u00fcr den Doppler Secrets Manager<\/h3>\nEine weitere Funktion dieses Skeletons ist die Standardkonfiguration f\u00fcr den Doppler Secrets Manager. Damit k\u00f6nnen vertrauliche Informationen wie API Keys, Passw\u00f6rter und andere sensible Daten sicher gespeichert und abgerufen werden (eigenes Konto ben\u00f6tigt!<\/strong>).<\/p>\nF\u00fcr diese Funktion wird unser angepasster Grav Core<\/a> ben\u00f6tigt, damit diese automatisch von Doppler abgerufen werden k\u00f6nnen.<\/p>\n <\/a>N\u00e4chste Schritte<\/h2>\nUm das Hadron Skeleton zu installieren, folge der Anleitung Hadron Skeleton Installation<\/a>.<\/p><\/body>","tags":["Anf\u00e4nger","Experte","Einf\u00fchrung","Skeleton"]},{"title":"Einf\u00fchrung | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/theme\/einf%C3%BChrung","url":"https:\/\/usehadron.dev\/de\/docs\/theme\/einf%C3%BChrung","content_html":" <\/a>Einf\u00fchrung<\/h2>\nDas Hadron<\/span> Theme ist Teil des Hadron Skeleton<\/a> und basiert auf Quark2<\/a>. Es erweitert Quark2 mit zus\u00e4tzlichen Funktionen und Anpassungsoptionen, die Quark2 nicht bietet. Es gibt auch neue Seiten Vorlagen und weitere Elemente, die nicht Teil von Quark2 sind.<\/p>\n Falls du bereits Quark oder Quark2 nutzt, kannst du einfach zu Hadron wechseln, indem du das Hadron Theme installierst und das Theme in den Grav Einstellungen \u00e4nderst.<\/p>\n <\/a>Hadron<\/h2>\nHadron<\/span> gibt es in 2 Varianten: als Theme und als Skeleton. Erfahre mehr dar\u00fcber auf der Hadron Einf\u00fchrung<\/a>.<\/p>\n <\/a>Funktionen<\/h2>\nDas Hadron Theme bietet folgende Funktionen:<\/p>\n<\/a>Fertig einsatzbereiter Sprachschalter f\u00fcr mehrsprachige Websites<\/h3>\nEin Sprachschalter ist im Website Header enthalten, der es dir erm\u00f6glicht, zwischen verschiedenen Sprachen zu wechseln, wenn die Website f\u00fcr Mehrsprachigkeit konfiguriert ist. Das Aussehen und Verhalten des Sprachumschalters kann in den Theme Einstellungen angepasst werden.<\/p>\n<\/a>Einzigartige Unterst\u00fctzung f\u00fcr responsive Tabellen<\/h3>\nTabellen k\u00f6nnen automatisch f\u00fcr mobile Ger\u00e4te optimiert werden. Das bedeutet, dass Tabellen auf mobilen Ger\u00e4ten anders dargestellt werden, um die Lesbarkeit zu verbessern. Erfahre mehr \u00fcber mobile-freundliche Tabellen auf der Elemente Seite<\/a>.<\/p>\n <\/a>Men\u00fc mit Dropdown Unterst\u00fctzung und anpassbaren Men\u00fcpunkten<\/h3>\nDas Men\u00fc \/ die Navigation im Header kann mit einem Dropdown Men\u00fc erweitert werden. Dies erm\u00f6glicht es, nicht nur die Hauptseiten, sondern auch die Unterseiten in der Navigation anzuzeigen.<\/p>\n<\/a>Mehr Theme Anpassungsoptionen<\/h3>\nDas Hadron Theme bietet mehr Konfigurationsoptionen f\u00fcr Theme & Seiten, um das Aussehen und Verhalten der Website anzupassen. Erfahre mehr \u00fcber die Theme Optionen in den Theme Optionen<\/a>.<\/p>\n <\/a>Eingebaute Unterst\u00fctzung f\u00fcr H5P<\/h3>\nH5P ist ein Framework zum Erstellen interaktiver Inhalte. Das Hadron Theme unterst\u00fctzt H5P, um interaktive Inhalte in Grav einzubetten.<\/p>\n<\/a>Eingebaute Unterst\u00fctzung f\u00fcr Embed.ly<\/h3>\nEmbed.ly ist ein Service, der das Einbetten von Inhalten von anderen Websites erm\u00f6glicht. Das Hadron Theme unterst\u00fctzt Embed.ly, um Inhalte von anderen Websites einzubetten.<\/p>\n<\/a>Bessere deutsche \u00dcbersetzungen<\/h3>\nDas Hadron Theme enth\u00e4lt ein vollst\u00e4ndigeres deutsches Sprachpaket mit mehr \u00dcbersetzungen, das in der Adminoberfl\u00e4che und auf der Website verwendet wird, wenn deutsche Seiten angezeigt werden. So sind Grav, Admin und Seiten vollst\u00e4ndig auf Deutsch \u00fcbersetzt.<\/p>\n<\/a>Hervorgehobene Beitr\u00e4ge in Blogs<\/h3>\nAuf Blog Seiten k\u00f6nnen Beitr\u00e4ge gefeatured werden, um sie hervorzuheben. Dies ist besonders n\u00fctzlich, um wichtige Beitr\u00e4ge oder Ank\u00fcndigungen zu kennzeichnen.<\/p>\n<\/a>Weitere Verbesserungen<\/h3>\nDas Hadron Theme enth\u00e4lt auch weitere kleine, nicht unbedingt erw\u00e4hnenswerte Verbesserungen, um die Benutzererfahrung zu verbessern und das Theme nach deinen Bed\u00fcrfnissen anzupassen.<\/p>\n<\/a>N\u00e4chste Schritte<\/h2>\nUm das Hadron Theme zu installieren, folge der Theme Installationsanleitung<\/a>.<\/p><\/body>","tags":["Anf\u00e4nger","Experte","Einf\u00fchrung","Theme"]},{"title":"Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/theme","url":"https:\/\/usehadron.dev\/de\/docs\/theme","content_html":" Hadron<\/span> Dokumentation -- Theme<\/h1>\n<\/a>Alles \u00fcber das Hadron Theme f\u00fcr Grav<\/h2>\nHadron<\/span> ist mehr als ein modernes und anpassbares Grav<\/a> Theme und Skeleton. Einerseits ist es f\u00fcr Anf\u00e4nger optimiert, um schnell eine einfache Website zu erstellen, andererseits eignet es sich auch f\u00fcr Profis, die Hadron als Grundlage f\u00fcr eine komplexe Website mit selbst entwickelten Funktionen nutzen m\u00f6chten.<\/p><\/body>","tags":["Theme"],"image":"\/images\/b\/a\/n\/n\/e\/banner-efebc49e.jpg"},{"title":"Installation | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/theme\/installation","url":"https:\/\/usehadron.dev\/de\/docs\/theme\/installation","content_html":" <\/a>Installation<\/h2>\nDas Hadron Theme kannst du auf verschiedene Arten installieren. Die GPM Installation erm\u00f6glicht dir, das Theme schnell und einfach mit einem Terminal Befehl zu installieren, w\u00e4hrend die manuelle Methode das Entpacken einer ZIP Datei verwendet. Es gibt weitere Methoden, zum Beispiel die Installation \u00fcber das Admin Plugin oder via Git.<\/p>\nDas Theme alleine ist n\u00fctzlich, aber es kann einfacher sein, mit einem Skeleton zu starten. Sieh dir das Hadron Skeleton Repository<\/a> oder die Hadron Skeleton Docs<\/a> an. Das Skeleton ist ein eigenst\u00e4ndiges Repository f\u00fcr eine komplette Seite und enth\u00e4lt Beispiel Inhalte, Seitentemplates, Konfiguration, Theme und Plugins und vieles mehr.<\/p>\n <\/a>1. GPM Installation (empfohlen)<\/h3>\nDie einfachste Art, dieses Theme zu installieren, ist \u00fcber den Grav Package Manager (GPM)<\/a> im Terminal. Wechsle ins Stammverzeichnis deiner Grav Installation und tippe:<\/p>\n bin\/gpm install hadron<\/code><\/pre>\nDieser Befehl installiert das Hadron Theme in deinem \/user\/themes<\/code> Verzeichnis innerhalb von Grav. Die Theme Dateien findest du unter \/dein\/website\/pfad\/grav\/user\/themes\/hadron<\/code>.<\/p>\n Der Hauptvorteil dieser Methode ist, dass du das Theme mit einem einfachen Befehl aktualisieren kannst:<\/p>\nbin\/gpm update hadron<\/code><\/pre>\n<\/a>2. Admin Plugin Installation<\/h3>\nWenn du das Admin Plugin<\/a> oder Admin2 Plugin<\/a> verwendest, kannst du das Theme direkt \u00fcber das Admin Plugin installieren. Gehe zum Bereich Designs<\/code>, klicke auf Hinzuf\u00fcgen<\/code> und suche nach hadron<\/code>. W\u00e4hle das Theme und klicke auf Installieren<\/code>.<\/p>\n Das Theme wird nun in deinem \/user\/themes<\/code> Verzeichnis installiert. Es kann auch \u00fcber das Admin Plugin aktualisiert werden, wenn eine neue Version verf\u00fcgbar ist.<\/p>\n <\/a>3. Git Installation<\/h3>\nAlternativ kannst du das Theme auch via Git installieren. Wechsle in dein Grav Stammverzeichnis und f\u00fchre folgenden Befehl aus:<\/p>\ngit clone https:\/\/github.com\/Crabston\/grav-theme-hadron.git \/user\/themes\/hadron<\/code><\/pre>\nDas Theme findest du danach im Verzeichnis \/dein\/website\/pfad\/grav\/user\/themes\/hadron<\/code>.<\/p>\n Um das Theme zu aktualisieren, wechsle ins Theme Verzeichnis und f\u00fchre git pull<\/code> aus:<\/p>\ncd dein\/website\/pfad\/grav\/user\/themes\/hadron\ngit pull<\/code><\/pre>\n<\/a>4. Manuelle Installation (nicht empfohlen)<\/h3>\nUm das Theme manuell zu installieren, lade die ZIP Version dieses Repositories herunter und entpacke sie unter dein\/website\/pfad\/grav\/user\/themes\/<\/code>. Benenne anschliessend den Ordner in hadron<\/code> um. Die Design Dateien sind auf GitHub<\/a> oder auf GetGrav.org<\/a> verf\u00fcgbar.<\/p>\n Du hast nun alle Theme Dateien unter dein\/website\/pfad\/grav\/user\/themes\/hadron<\/code>.<\/p>\n <\/a>N\u00e4chste Schritte<\/h2>\nNach der Installation kannst du das Theme im Grav Admin aktivieren. Gehe dazu in den Bereich Designs<\/code>, w\u00e4hle Hadron<\/code> und klicke auf Aktivieren<\/code>.<\/p>\nDas Theme ist nun aktiviert und sollte auf deiner Seite sichtbar sein. Du kannst jetzt die Theme Einstellungen anpassen und das Layout nach deinen W\u00fcnschen gestalten. Erfahre mehr \u00fcber die Theme Optionen<\/a>.<\/p><\/body>","tags":["Anf\u00e4nger","Experte","Installation","Theme"]},{"title":"Installation | Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/installation","url":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/installation","content_html":" <\/a>Installation<\/h2>\nEs gibt grundsätzlich zwei Methoden, um das Hadron Skeleton zu installieren: Schau dir die Quick Start Methoden Installation (für Entwickler)<\/a> & Installation (für Anfänger)<\/a> an.<\/p>\n <\/a>Installation (für Entwickler)<\/h2>\nWenn du mit Git Änderungen am Skeleton vornehmen möchtest, ist das Klonen des Repositories der bequemste Weg. So kannst du einfach Updates und Änderungen aus dem Original Repository übernehmen. Es gibt mehrere Varianten, je nachdem, was du mit dem Skeleton machen möchtest:<\/p>\n<\/a>Erstelle aus der Vorlage (empfohlen)<\/h3>\nWenn du ein neues Repository basierend auf diesem Skeleton erstellen möchtest, kannst du den Use this template<\/code> Button auf der GitHub Repository Seite verwenden. Dies erstellt ein neues Repository in deinem Account basierend auf dem Skeleton. Du wirst aber nicht in der Lage sein, Updates aus dem Original Repository zu übernehmen. \nDies ist der empfohlene Weg, wenn du eine neue Site basierend auf diesem Skeleton entwickeln möchtest und nicht planst, zum Original Skeleton beizutragen oder Updates von ihm zu übernehmen.<\/em><\/p>\n Um ein neues Repository basierend auf diesem Skeleton zu erstellen, klicke den Use this template<\/code> Button auf der GitHub Repository Seite. Du wirst aufgefordert, einen Repository Namen und eine Beschreibung einzugeben. Danach hast du eine aktuelle Kopie des Skeletons in deinem Account. Du kannst das Repository jetzt auf deinen Computer klonen und anfangen, deine Site zu entwickeln.<\/p>\n\n\nDu musst das Repository in den user<\/code> Ordner deiner Grav Installation (Grav Core) klonen. Siehe unten wie du das machst.<\/p>\n<\/div>\n<\/div>\n<\/a>Erstelle einen Fork<\/h3>\nIndem du dieses Repository forkst, erstellst du eine verlinkte Kopie des Original Repositories in deinem eigenen GitHub Account. So kannst du Änderungen am Skeleton vornehmen und sie in dein eigenes Repository pushen. Du kannst dann eine neue Site mit deinem Fork als Skeleton erstellen. \nDies ist der empfohlene Weg, wenn du zum Original Skeleton beitragen möchtest oder Updates von ihm übernehmen möchtest.<\/em><\/p>\n Um das Repository zu forken, klicke den Fork<\/code> Button auf der GitHub Repository Seite. Du hast jetzt eine Kopie des Skeletons in deinem Account. Du kannst das Repository auf deinen Computer klonen und anfangen, deine Site zu entwickeln.<\/p>\n\n\nDu musst das Repository in den user<\/code> Ordner deiner Grav Installation (Grav Core) klonen. Siehe unten wie du das machst.<\/p>\n<\/div>\n<\/div>\n<\/a>Klone das Repository direkt (nicht empfohlen)<\/h3>\nDas direkte Klonen des Repositories erstellt eine lokale Kopie des Skeletons auf deinem Computer.\nDies ist nur empfohlen, wenn du das Skeleton ausprobieren möchtest oder Änderungen daran vornehmen möchtest, ohne zum Original Repository beizutragen oder Updates von ihm zu übernehmen. Wenn du lieber eine neue Website basierend auf dem Skeleton erstellen möchtest, verwende eine der obigen Methoden.<\/em><\/p>\n Um das Repository direkt zu klonen, nutze die folgenden Befehle:<\/p>\ncd \/your\/preferred\/directory\ngit clone https:\/\/github.com\/Crabston\/grav.git .\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user<\/code><\/pre>\n<\/a>Installation (für Anfänger)<\/h2>\nWenn du neu in Grav \/ Website Entwicklung \/ Programmierung bist, kannst du das Skeleton als ZIP Datei herunterladen und manuell installieren. Du kannst zwei verschiedene Versionen des Skeletons herunterladen:<\/p>\n<\/a>Lade ZIP Datei herunter<\/h3>\nWenn du das Skeleton herunterlädst, erhältst du eine ZIP Datei, die den Grav Core, Plugins und Themes enthält, die benötigt werden, um...<\/p>","tags":["Anf\u00e4nger","Experte","Installation","Skeleton"]},{"title":"Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/skeleton","url":"https:\/\/usehadron.dev\/de\/docs\/skeleton","content_html":"Hadron<\/span> Dokumentation -- Skeleton<\/h1>\n<\/a>Everything about the Hadron Skeleton for Grav<\/h2>\nHadron<\/span> ist mehr als ein modernes und anpassbares Grav<\/a> Theme und Skeleton. Einerseits ist es f\u00fcr Anf\u00e4nger optimiert, um schnell eine einfache Website zu erstellen, andererseits eignet es sich auch f\u00fcr Profis, die Hadron als Grundlage f\u00fcr eine komplexe Website mit selbst entwickelten Funktionen nutzen m\u00f6chten.<\/p><\/body>","tags":["Skeleton"],"image":"\/images\/b\/a\/n\/n\/e\/banner-97ca32f2.jpg"},{"title":"Optionen | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/theme\/optionen","url":"https:\/\/usehadron.dev\/de\/docs\/theme\/optionen","content_html":" <\/a>Theme Optionen<\/h2>\nDas Hadron Theme bietet verschiedene Optionen, um das Aussehen und Verhalten der Seite anzupassen. Diese Optionen kannst du im Admin Panel konfigurieren oder indem du die Theme Konfigurationsdatei bearbeitest.<\/p>\n<\/a>Admin Panel<\/h2>\nUm das Theme zu konfigurieren, navigiere im Admin Panel zu Themes<\/code> und wähle das Hadron<\/code> Theme aus:\n\n \n<\/a><\/p>\n Hier findest du die Theme Optionen, gruppiert in verschiedene Kategorien:\n\n \n<\/a><\/p>\n <\/a>Erscheinungsbild<\/h3>\n\nVoreinstellung Designmodus<\/strong>: Legt den Standard Modus für das Theme fest. Optionen sind Automatisch<\/code>, Hell<\/code> und Dunkel<\/code>. Wähle Automatisch<\/code>, damit zwischen Hell und Dunkelmodus basierend auf den Systemeinstellungen des Benutzers gewechselt wird.<\/li>\nAkzentfarbe<\/strong>: Legt die Akzentfarbe des Themes fest. Dies kann jeder gültige CSS HEX Farbwert sein.\nBranding<\/em>\n\nBenutzerdefiniertes Favicon<\/strong>: Lade ein eigenes Favicon für die Seite hoch. Das Favicon ist das kleine Symbol im Browser Tab und in Lesezeichen.<\/li>\n Einfarbiges Logo<\/strong>: Aktiviere oder deaktiviere ein monochromes Logo, das sich je nach Theme Modus (hell\/dunkel) ändert. Nur empfohlen, wenn du ein einfarbiges Logo hast.<\/li>\n Benutzerdefiniertes Logo<\/strong>: Lade ein eigenes Logo für die Header Navigation hoch<\/li>\n Benutzerdefiniertes Logo (Mobile Ansicht)<\/strong>: Lade ein eigenes Logo für die Header Navigation in der mobilen Ansicht hoch\nHeader Einstellungen<\/em><\/li>\n Fixierter Header<\/strong>: Aktivieren oder deaktivieren eines fixierten Headers.<\/li>\n Header animieren<\/strong>: Aktivieren oder deaktivieren einer Header Animation beim Scrollen<\/li>\n Transparenter Header (Hero)<\/strong>: Aktivieren oder deaktivieren eines transparenten Headers auf Hero Seiten\nFooter Einstellungen<\/em><\/li>\nFester Footer<\/strong>: Wenn aktiviert, bleibt der Footer immer am unteren Rand der Seite, auch wenn der Inhalt nicht lang genug ist, um die Ansicht auszufüllen.<\/li>\n<\/ul><\/li>\n<\/ul>\n<\/a>Menü<\/h3>\n\nTitel ausblenden<\/strong>: Aktivieren oder deaktivieren des Seitentitels in der Header Navigation.<\/li>\n Dropdowns im Menü anzeigen<\/strong>: Aktivieren oder deaktivieren eines Dropdown Menüs in der Header Navigation. Wenn aktiviert, werden Unterseiten in einem Dropdown unter der Elternseite angezeigt.<\/li>\n Benutzerdefinierte Menüelemente anzeigen<\/strong>: Aktivieren oder deaktivieren eigener Menüs in der Header Navigation. Wenn aktiviert, kannst du eigene Menüeinträge hinzufügen.<\/li>\nBenutzerdefinierte Menüelemente<\/strong>: Füge eigene Menüeinträge für die Header Navigation hinzu. Du kannst für jeden Eintrag einen Titel, eine URL und optional ein Font Awesome Icon angeben.<\/li>\n<\/ul>\n<\/a>Funktionen<\/h3>\nSymbole (Fontawesome)<\/em><\/p>\n\nFont Awesome 7<\/strong>: Aktivieren oder deaktivieren der Verwendung von Font Awesome Icons (V7). Wenn deaktiviert, werden keine Font Awesome Icons auf der gesamten Website angezeigt.<\/li>\n Font Awesome lokal bereitstellen<\/strong>: Aktivieren oder deaktivieren, ob Font Awesome lokal bereitgestellt wird. Wenn aktiviert, erwartet das Theme css\/fontawesome\/all.min.css<\/code> im Theme Verzeichnis. Andernfalls wird das offizielle CDN verwendet.\nSprachauswahl<\/em><\/li>\n Sprachauswahl aktivieren<\/strong>: Aktiviere oder deaktiviere die Sprachauswahl in der Header Navigation. Wenn aktiviert, kannst du zwischen verschiedenen Sprachen wechseln, sofern die Seite für Mehrsprachigkeit konfiguriert ist.<\/li>\n Anzeigestil<\/strong>: Wähle den Anzeigestil für die Sprachauswahl. Optionen sind dropdown<\/code> und inline<\/code>.<\/li>\n Format<\/strong>: Wähle das Format für die Sprachauswahl. Optionen sind Flagge<\/code>, Name<\/code>, Kurzform<\/code> oder Kombiniert<\/code>.\nBlog Optionen<\/em><\/li>\n Blog Seitenroute<\/strong>: Setze die Route zur Blog Seite.\nH5P Einrichtung<\/em><\/li>\nH5P Einbettungsquellen URL<\/strong>: Setze den Root Pfad für H5P Embed Dateien. Wenn nicht gesetzt, wird das öffentliche H5P CDN verwendet.<\/li>\n<\/ul>\n<\/a>Konfigurationsdatei<\/h2>\nAlle oben genannten Einstellungen kannst du auch...<\/p>","tags":["Anf\u00e4nger","Experte","Optionen","Theme"],"image":"\/images\/a\/d\/m\/i\/n\/admin-hadron-settingsde-5e2c9f18.webp"},{"title":"Setup | Skeleton","date_published":"2026-07-03T00:00:00+02:00","id":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/setup","url":"https:\/\/usehadron.dev\/de\/docs\/skeleton\/setup","content_html":"\n\nFolge dieser Schritt für Schritt Anleitung, wonach wir bei der Crabston GmbH<\/a> Websites für unsere Kunden mit dem Hadron Skeleton<\/a> erstellen & konfigurieren.<\/p>\n<\/div>\n<\/div>\n <\/a>0. Vorbereitung<\/h2>\n\nSkeleton Repository forken \/ aus Vorlage erstellen<\/li>\nRepository inkl. Grav klonen:\ncd \/your\/preferred\/directory\ngit clone https:\/\/github.com\/Crabston\/grav.git .\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user<\/code><\/pre><\/li>\n<\/ol>\n\n\nSiehe die Installationsanleitung zum Hadron Skeleton<\/a> für weitere Klon Methoden und Alternativen.<\/p>\n<\/div>\n<\/div>\n <\/a>0.1 SendGrid API Key<\/h3>\nSendGrid<\/a> ist ein E-Mail Service Provider, der es ermöglicht, E-Mails zu versenden. Dafür muss ein Account bei SendGrid vorhanden sein.<\/p>\n Wenn eine Grundkonfiguration besteht, kann einfach über app.sendgrid.com\/settings\/api_keys<\/a> ein neuer API Key mit der Berechtigung «Mail Send > Mail Send: Yes» erstellt werden und in der Konfiguration eingetragen werden oder via Doppler verwaltet werden.<\/p>\n <\/a>0.2 Umami Website Id<\/h3>\nUmami Analytics<\/a> ist ein Open Source Analytics Tool, das es ermöglicht, detaillierte Statistiken über die Website zu sammeln. Dafür muss ein Account bei Umami<\/a> oder verwendeten Server vorhanden sein.<\/p>\n In Umami muss ein neues Projekt erstellt werden und die Website ID kopiert werden. Anschliessend kann die Website ID in der Umami Konfiguration eingetragen werden oder via Doppler verwaltet werden.<\/p>\n <\/a>0.3 Doppler Konfiguration<\/h3>\nDoppler<\/a> ist ein Secrets Manager, der es ermöglicht, API Keys und andere sensible Daten sicher zu speichern und zu verwalten. Dafür muss ein Account bei Doppler vorhanden sein.<\/p>\n Als Nächstes muss ein neues Projekt in Doppler erstellt werden. Anschliessend können folgende Secrets hinzugefügt werden:<\/p>\n \nSENDGRID_API_KEY<\/code>: API_KEY_VALUE: plugins.email_DASH_sendgrid.api_key<\/code><\/li>\nUMAMI_WEBSITE_ID<\/code>: WEBSITE_ID_VALUE: plugins.umami_DASH_analytics.website_id<\/code><\/li>\n<\/ul>\nDie obere Liste ist im Format SECRET_NAME: SECRET_VALUE: SECRET_PATH<\/code> geschrieben. Dabei ist SECRET_NAME<\/code> der Name des Secrets, SECRET_VALUE<\/code> der Wert des Secrets und SECRET_PATH<\/code> der Pfad, wo das Secret verwendet wird. SECRET_PATH<\/code> wird in Doppler als Notiz hinzugefügt.<\/p>\n Nachdem die Secrets hinzugefügt wurden, muss noch die Doppler Konfigurationsdatei doppler.yaml<\/code> angepasst werden:<\/p>\nsetup:\n project: PROJECT_NAME\n config: prd<\/code><\/pre>\n<\/a>1. Formale Änderungen<\/h2>\nDie formalen Änderungen beinhalten kleine, formale Anpassungen, die nichts mit der Website zu tun haben, jedoch praktisch sind. Dies betrifft hier folgende Dateien:<\/p>\n\nREADME.md<\/code>: Anpassen der Readme Datei, um die wichtigsten Informationen zur Website zu speichern<\/li>\n LICENSE<\/code>: Korrekte Lizenzdatei hinzufügen<\/li>\nCHANGELOG.md<\/code>: Anpassen des Changelogs, um die Änderungen der Website zu dokumentieren<\/li>\n<\/ol>\nDie formalen Anpassungen können einfachheitshalber direkt versioniert werden und gegebenenfalls sogar über GitHub stattfinden, bevor das Repository geklont wird.<\/em><\/p>\n<\/a>2. Grundkonfiguration<\/h2>\nMit der Grav Grundkonfiguration können bereits bekannte Änderungen noch vor der Installation gemacht werden, um nach der Installation bereits mit Detailanpassungen loslegen zu können.<\/p>\n\n\nFinde weitere Informationen für eine lokale Eintwicklungsumgebung hier: Dokumentation \/ Skeleton \/ Entwicklungsumgebung<\/a><\/p>\n<\/div>\n<\/div>\n \nFalls bereits Benutzeraccounts vorhanden sind, können diese erstellt \/ kopiert werden<\/li>\n Wenn bereits bekannt ist, welche Plugins und Themes verwendet werden sollen, können diese direkt in der .dependencies<\/code> Datei hinzugefügt oder entfernt werden.<\/li>\n Anschliessend können bereits Einstellungen am System und an der Seite angepasst werden.<\/li>\nZuletzt können ebenfalls einzelne Änderungen an Plugins und Theme konfigurationen gemacht werden.<\/li>\n<\/ol>\nAb diesen Änderungen lohnt es sich, einen neuen Git Branch zu erstellen und je Konfiguration\/ Kapitel mindestens einen Commit zu machen.<\/em><\/p>\n<\/a>2.1 Accounts<\/h3>\nFalls bereits Benutzeraccounts vorhanden sind, können diese erstellt werden. Dafür muss pro...<\/p>","tags":["Experte","Setup","Skeleton"]}]}

<\/a>Einf\u00fchrung<\/h2>\n
Dieses Hadron Skeleton enth\u00e4lt das Hadron Theme<\/a> selbst sowie einen einsatzbereiten `user<\/code> Ordner mit Beispielen, Vorlagen und vielem mehr. So kannst du schnell auf unseren Vorlagen aufbauen und mit Grav CMS einfach eine neue Website erstellen.<\/p>\n`

<\/a>Hadron<\/h2>\n
Hadron<\/span> gibt es in 2 Varianten: als Theme und als Skeleton. Erfahre mehr dar\u00fcber auf der Hadron Einf\u00fchrung<\/a>.<\/p>\n

<\/a>Admin Panel<\/h2>\n
Um das Theme zu konfigurieren, navigiere im Admin Panel zu `Themes<\/code> und wähle das Hadron<\/code> Theme aus:\n\n \n<\/a><\/p>\n`
`Hier findest du die Theme Optionen, gruppiert in verschiedene Kategorien:\n\n \n<\/a><\/p>\n`

<\/a>2.1 Accounts<\/h3>\n
Falls bereits Benutzeraccounts vorhanden sind, können diese erstellt werden. Dafür muss pro...<\/p>","tags":["Experte","Setup","Skeleton"]}]}