{"version":"https:\/\/jsonfeed.org\/version\/1","title":"Hadron","home_page_url":"https:\/\/mail.silent-company.com\/de\/docs","feed_url":"https:\/\/mail.silent-company.com\/de\/docs.json","description":"Hadron is a Grav theme and skeleton that serves as a template for beginners to create websites and webshops, but can also be used by professionals as a foundation for complex projects.","author":{"name":"Crabston GmbH"},"items":[{"title":"Einleitung","date_published":"2025-07-31T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/intro","url":"https:\/\/mail.silent-company.com\/de\/docs\/intro","content_html":"<div class=\"notices blue\">\n<p>Diese Seite beinhaltet eine technische Einf&uuml;hrung zu Hadron und beschreibt die wichtigsten Funktionen und M&ouml;glichkeiten aus technischer Sicht.<\/p>\n<\/div>\n\n<h2 id=\"was-ist-hadron\"><a href=\"#was-ist-hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Was ist Hadron?<\/h2>\n<p>Hadron ist ein modernes <a href=\"https:\/\/getgrav.org\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav<\/a> Theme, welches auf <a href=\"https:\/\/github.com\/getgrav\/grav-theme-quark\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Quark<\/a> basiert. Als Child-Theme von Quark enth&auml;lt es erweiterte Funktionen als das urspr&uuml;ngliche Quark Theme. Zudem bietet es weitere Gestaltungsoptionen und andere Verbesserungen.<\/p>\n<h2 id=\"was-ist-der-unterschied-z\"><a href=\"#was-ist-der-unterschied-z\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Was ist der Unterschied zwischen dem Hadron Skeleton &amp; Theme?<\/h2>\n<p>Hadron gibt es in 2 Varianten: als Theme und als Skeleton. Hierbei beinhaltet das Skeleton das Theme.<\/p>\n<p>Das Theme ist ein modularer bestandteil von Grav. &Auml;hnlich wie bei Plugins k&ouml;nnen Themes nach Belieben installiert werden. Je nach Theme gibt es neben dem Aussehen verschiedene Typen von Seiten, die genutzt werden k&ouml;nnen, sowie andere Optionen um das Verhalten der Seite zu bearbeiten.<\/p>\n<p>Das Skeleton ist ein gr&ouml;sserer Bestandteil von Grav. Genau gesagt enth&auml;lt ein Skeleton den gesamten <code>\/user<\/code> Ordner. Dies sind unter anderem Seiten, Konfigurationen, Plugins, Themes und ggf. auch Accounts und weitere Daten.<\/p>\n<p>Somit kann das Skeleton als fertige Vorlage f&uuml;r eine Website genutzt werden, welches direkt bearbeitet und ver&ouml;ffentlicht werden kann. Das Theme ben&ouml;tigt jedoch eine vorhandene Seite und eigene Konfigurationen, um genutzt zu werden.<\/p>\n<h2 id=\"soll-ich-das-skeleton-ode\"><a href=\"#soll-ich-das-skeleton-ode\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Soll ich das Skeleton oder das Theme nutzen?<\/h2>\n<p>Je nach Use-Case ist es besser, das Skeleton oder das Theme zu nutzen.<\/p>\n<h3 id=\"warum-das-skeleton\"><a href=\"#warum-das-skeleton\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Warum das Skeleton?<\/h3>\n<p>Das Hadron Skeleton solltest du in folgenden F&auml;llen nutzen:<\/p>\n<ul>\n<li>du m&ouml;chtest eine fertige Seite, die du bearbeiten kannst, inkl. Seiten, Konfiguration &amp; Themes\/ Plugins<\/li>\n<li>du willst eine neue Seite mit Grav erstellen<\/li>\n<li>du suchst eine einfache M&ouml;glichkeit, mit Grav starten zu k&ouml;nnen<\/li>\n<li>du m&ouml;chtest Hadron live ausprobieren (Demo)<\/li>\n<\/ul>\n<h3 id=\"warum-das-theme\"><a href=\"#warum-das-theme\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Warum das Theme?<\/h3>\n<p>In folgenden F&auml;llen gibt es mehr Sinn, anstelle des Skeletons das Theme zu nutzen:<\/p>\n<ul>\n<li>du hast bereits eine Seite mit Grav erstellt und suchst ein (anderes) Theme<\/li>\n<li>du nutzt das Quark Theme, m&ouml;chtest jedoch weitere Funktionen, die in Hadron vorhanden sind<\/li>\n<li>du m&ouml;chtest keine Standardvorlage nutzten, sondern alles von Grund auf selbst aufbauen<\/li>\n<\/ul>\n<h2 id=\"funktionen-von-hadron\"><a href=\"#funktionen-von-hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Funktionen von Hadron<\/h2>\n<p>Das Hadron Theme bietet folgende Funktionen:<\/p>\n<ul>\n<li>deutsche &Uuml;bersetzungen<\/li>\n<li>responsive Tabellen<\/li>\n<li>Navigation mit Drop-down Menu<\/li>\n<li>angepinnte Beitr&auml;ge in Blogs<\/li>\n<li>eingebauter Support f&uuml;r Embed.ly<\/li>\n<li>eingebauter Support f&uuml;r H5P<\/li>\n<li>erweiterte Theme Optionen<\/li>\n<li>weitere Verbesserungen<\/li>\n<\/ul>\n<h3 id=\"von-quark-uebernommene-fu\"><a href=\"#von-quark-uebernommene-fu\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>von Quark &uuml;bernommene Funktionen<\/h3>\n<p>Folgende Funktion wurden von Quark Theme &uuml;bernommen:<\/p>\n<ul>\n<li>leicht &amp; minimal f&uuml;r optimale Performance<\/li>\n<li>Spectre.css Framework<\/li>\n<li>voll responsive inkl. Navigation<\/li>\n<li>SCSS basiertes CSS f&uuml;r einfache Bearbeitung<\/li>\n<li>eingebaute Funktion f&uuml;r Navigation auf der Seite<\/li>\n<li>diverse Seiten Typen<\/li>\n<li>Fontawesome Icons<\/li>\n<\/ul>\n<h3 id=\"skeleton-funktionen\"><a href=\"#skeleton-funktionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Skeleton Funktionen:<\/h3>\n<p>Diese Funktionen sind nur &uuml;ber das Skeleton vorhanden:<\/p>\n<ul>\n<li>Fertig nutzbare Vorlage f&uuml;r neue Grav Seiten<\/li>\n<li>Standardgruppen f&uuml;r optimale Benutzer Berechtigungen<\/li>\n<li>Standardseiten f&uuml;r normale Seiten, Modulare, Blogs, Kontaktseite, und mehr<\/li>\n<li>Vorinstallierte Plugins inklusive Konfiguration<\/li>\n<li>Standardkonfiguration f&uuml;r SendGrid Email<\/li>\n<li>Standardkonfiguration f&uuml;r Doppler Secrets Manager (ben&ouml;tigt unseren <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modifizierten Grav core<\/a>)<\/li>\n<\/ul>\n<h3 id=\"zukuenftige-hadron-funkti\"><a href=\"#zukuenftige-hadron-funkti\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>zuk&uuml;nftige Hadron Funktionen<\/h3>\n<p>In Zukunft soll Hadron zus&auml;tzliche Funktionen haben:<\/p>\n<ul>\n<li>eingebaute Funktion f&uuml;r Multi-Sprache Seiten (nur Theme)<\/li>\n<li>diverse Optimierungen<\/li>\n<li>Verf&uuml;gbarkeit in weiteren Sprachen (nur Theme)<\/li>\n<li>weitere &Uuml;bersetzungen von anderen Erweiterungen (nur Skeleton)<\/li>\n<li>weitere Verbesserungen<\/li>\n<li>Abl&ouml;sung von Quark, vollst&auml;ndig eigenst&auml;ndiges Theme mit Spectre<\/li>\n<\/ul>\n<h2 id=\"wie-installiere-ich-hadro\"><a href=\"#wie-installiere-ich-hadro\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Wie installiere ich Hadron?<\/h2>\n<p>Um Hadron zu installieren, besuche die entsprechenden Anleitungen:<\/p>\n<ul>\n<li><a href=\"\/de\/hadron\/theme\/installation\">Hadron Theme Installieren<\/a><\/li>\n<li><a href=\"\/de\/hadron\/skeleton\/installation\">Hadron Skeleton<\/a>...<\/li><\/ul>","image":"\/user\/pages\/06.docs\/00.intro\/hero.webp"},{"title":"Einleitung | Hadron Theme","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/einleitung","url":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/einleitung","content_html":"<body><div class=\"notices blue\">\n<p>Diese Seite beinhaltet eine Einf\u00fchrung in das Hadron Theme und beschreibt die wichtigsten Funktionen und M\u00f6glichkeiten.<\/p>\n<\/div>\n\n<h2 id=\"einleitung\"><a href=\"#einleitung\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Einleitung<\/h2>\n<p>Das Hadron Theme ist ein modernes <a href=\"https:\/\/getgrav.org\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav<\/a> Theme, welches auf <a href=\"https:\/\/github.com\/getgrav\/grav-theme-quark\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Quark<\/a> basiert. Als Child-Theme von Quark enth\u00e4lt es erweiterte Funktionen als das urspr\u00fcngliche Quark Theme. Zudem bietet es erweiterte Gestaltungsoptionen.<\/p>\n<h2 id=\"hadron\"><a href=\"#hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron<\/h2>\n<p>Hadron gibt es in 2 Varianten: als Theme und als Skeleton. Hierbei beinhaltet das Skeleton das Theme, sowie weitere Funktionen und Konfigurationen. Lerne mehr \u00fcber das <a href=\"\/de\/hadron\/skeleton\/einleitung\">Hadron Skeleton<\/a>.<\/p>\n<h2 id=\"funktionen\"><a href=\"#funktionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Funktionen<\/h2>\n<p>Das Hadron Theme bietet folgende Funktionen:<\/p>\n<h3 id=\"deutsches-sprachpaket\"><a href=\"#deutsches-sprachpaket\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>deutsches Sprachpaket<\/h3>\n<p>Das Hadron Theme beinhaltet ein deutsches Sprachpaket, welches die Benutzeroberfl\u00e4che und die Konfigurationen ins Deutsche \u00fcbersetzt. Die Englische Sprache ist jedoch weiterhin verf\u00fcgbar.<\/p>\n<h3 id=\"responsive-tabellen\"><a href=\"#responsive-tabellen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>responsive Tabellen<\/h3>\n<p>Tabellen k\u00f6nnen automatisch f\u00fcr mobile Ger\u00e4te optimiert werden. Dies bedeutet, dass Tabellen auf mobilen Ger\u00e4ten anders dargestellt werden, um die Lesbarkeit zu verbessern. Lerne mehr \u00fcber mobilfreundliche Tabellen auf <a href=\"https:\/\/grav.demo.crabston.dev\/komponenten#mobilfreundliche-tabellen\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">grav.demo.crabston.dev\/komponenten<\/a>.<\/p>\n<h3 id=\"navigation-mit-drop-down-\"><a href=\"#navigation-mit-drop-down-\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Navigation mit Drop-down Menu<\/h3>\n<p>Die Navigation kann mit einem Drop-down Menu erweitert werden. Dies erlaubt, dass nicht nur die Hauptseiten, sondern auch die Unterseiten in der Navigation angezeigt werden:\n<img alt=\"Drop-down Menu\" src=\"\/images\/d\/r\/o\/p\/d\/dropdown-navigation-e4be9016.webp\"><\/p>\n<h3 id=\"angepinnte-beitraege-in-b\"><a href=\"#angepinnte-beitraege-in-b\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>angepinnte Beitr\u00e4ge in Blogs<\/h3>\n<p>Beitr\u00e4ge k\u00f6nnen angepinnt werden, um sie hervorzuheben. Dies ist besonders n\u00fctzlich, um wichtige Beitr\u00e4ge oder Ank\u00fcndigungen zu markieren.<\/p>\n<h3 id=\"eingebauter-support-fuer-\"><a href=\"#eingebauter-support-fuer-\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>eingebauter Support f\u00fcr Embed.ly<\/h3>\n<p>Embed.ly ist ein Dienst, der es erm\u00f6glicht, Inhalte von anderen Websites einzubetten. Das Hadron Theme unterst\u00fctzt Embed.ly, um Inhalte von anderen Websites einzubetten.<\/p>\n<h3 id=\"eingebauter-support-fuer--1\"><a href=\"#eingebauter-support-fuer--1\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>eingebauter Support f\u00fcr H5P<\/h3>\n<p>H5P ist ein Framework, um interaktive Inhalte zu erstellen. Das Hadron Theme unterst\u00fctzt H5P, um interaktive Inhalte in Grav einzubetten.<\/p>\n<h3 id=\"erweiterte-theme-optionen\"><a href=\"#erweiterte-theme-optionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>erweiterte Theme Optionen<\/h3>\n<p>Das Hadron Theme bietet erweiterte Theme Optionen, um das Aussehen und Verhalten der Seite zu konfigurieren.<\/p>\n<h3 id=\"weitere-verbesserungen\"><a href=\"#weitere-verbesserungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>weitere Verbesserungen<\/h3>\n<p>Das Hadron Theme enth\u00e4lt weitere Verbesserungen, um die Benutzererfahrung zu verbessern und das Theme an die Bed\u00fcrfnisse der Benutzer anzupassen.<\/p>\n<h2 id=\"weitere-schritte\"><a href=\"#weitere-schritte\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>weitere Schritte<\/h2>\n<p>Um das Hadron Theme zu installieren, folge der Anleitung <a href=\"\/de\/hadron\/theme\/installation\">Hadron Theme Installation<\/a>.<\/p><\/body>","tags":["Theme","Einleitung"],"image":"\/user\/pages\/06.docs\/01.theme\/01.einleitung\/dropdown-navigation.webp"},{"title":"Einleitung | Hadron Skeleton","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/einleitung","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/einleitung","content_html":"<body><div class=\"notices blue\">\n<p>Diese Seite enth\u00e4lt eine Einf\u00fchrung in das Hadron Skeleton und zeigt die M\u00f6glichkeiten und Funktionen auf.<\/p>\n<\/div>\n\n<h2 id=\"einleitung\"><a href=\"#einleitung\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Einleitung<\/h2>\n<p>Das Hadron Skeleton ist eine fertige Vorlage f\u00fcr eine Website, die direkt bearbeitet und ver\u00f6ffentlicht werden kann. Es enth\u00e4lt alle notwendigen Seiten, Konfigurationen, Plugins und Themes, um eine Website mit Grav zu erstellen. Das Hadron Skeleton basiert auf dem Hadron Theme und bietet erweiterte Funktionen und Konfigurationen.<\/p>\n<h2 id=\"hadron\"><a href=\"#hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron<\/h2>\n<p>Hadron gibt es in 2 Varianten: als Theme und als Skeleton. Hierbei beinhaltet das Skeleton das Theme, sowie weitere Funktionen und Konfigurationen. Lerne mehr \u00fcber das <a href=\"\/de\/hadron\/theme\/einleitung\">Hadron Theme<\/a>.<\/p>\n<h2 id=\"funktionen\"><a href=\"#funktionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Funktionen<\/h2>\n<p>Das Hadron Skeleton enth\u00e4lt folgende Funktionen:<\/p>\n<h3 id=\"fertig-nutzbare-vorlage\"><a href=\"#fertig-nutzbare-vorlage\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>fertig nutzbare Vorlage<\/h3>\n<p>Das Hadron Skeleton ist eine fertige Vorlage f\u00fcr eine Website, die direkt bearbeitet und ver\u00f6ffentlicht werden kann. Dies erm\u00f6glicht es, schnell und einfach eine Website mit Grav zu erstellen, ohne von Grund auf neu beginnen zu m\u00fcssen.<\/p>\n<h3 id=\"standardgruppen-fuer-opti\"><a href=\"#standardgruppen-fuer-opti\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardgruppen f\u00fcr optimale Benutzer Berechtigungen<\/h3>\n<p>Das Hadron Skeleton enth\u00e4lt Standardgruppen f\u00fcr optimale Benutzer Berechtigungen. Damit k\u00f6nnen Benutzer mit unterschiedlichen Berechtigungen erstellt werden, um die Sicherheit der Website zu gew\u00e4hrleisten.<\/p>\n<h3 id=\"standardseiten\"><a href=\"#standardseiten\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardseiten<\/h3>\n<p>In der Vorlage sind verschiedene Beispiel-Seiten enthalten, die als Ausgangspunkt f\u00fcr die Erstellung einer Website dienen. Dazu geh\u00f6ren normale Seiten, Modulare, Blogs, Kontaktseite und mehr.<br>\nDiese k\u00f6nnen als Vorlage f\u00fcr eigene Seiten genutzt werden oder als Inspiration\/ Anhaltspunkt dienen.<\/p>\n<h3 id=\"vorinstallierte-plugins\"><a href=\"#vorinstallierte-plugins\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Vorinstallierte Plugins<\/h3>\n<p>Das Hadron Skeleton enth\u00e4lt eine Auswahl an vorinstallierten Plugins, die die Funktionalit\u00e4t der Website erweitern. Dazu geh\u00f6ren Plugins f\u00fcr SEO, Shortcode, Medien und weitere Komponenten &amp; Funktionen.<\/p>\n<h3 id=\"standardkonfiguration-fue\"><a href=\"#standardkonfiguration-fue\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardkonfiguration f\u00fcr SendGrid Email<\/h3>\n<p>Nebst der E-Mail Konfiguration gibt es auch eine Standardkonfiguration f\u00fcr SendGrid E-Mail. Damit k\u00f6nnen E-Mails \u00fcber SendGrid versendet werden. Diese Funktion unterst\u00fctzt den Doppler Secrets Manager.<\/p>\n<h3 id=\"standardkonfiguration-fue-1\"><a href=\"#standardkonfiguration-fue-1\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardkonfiguration f\u00fcr Doppler Secrets Manager<\/h3>\n<p>Eine zus\u00e4tzliche Funktion dieses Skeletons ist die Standardkonfiguration f\u00fcr den Doppler Secrets Manager. Damit k\u00f6nnen geheime Informationen wie API-Keys, Passw\u00f6rter und andere sensible Daten sicher gespeichert und abgerufen werden.<br>\nF\u00fcr diese Funktion ist unser <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modifizierter Grav Core<\/a> erforderlich, damit diese von Doppler automatisch geholt werden.<\/p>\n<h2 id=\"weitere-schritte\"><a href=\"#weitere-schritte\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>weitere Schritte<\/h2>\n<p>Um das Hadron Skeleton zu installieren, folge der Anleitung <a href=\"\/de\/hadron\/skeleton\/installation\">Hadron Skeleton Installation<\/a>.<\/p><\/body>","tags":["Skeleton","Einleitung"],"image":"\/user\/pages\/06.docs\/02.skeleton\/01.einleitung\/hero.webp"},{"title":"Theme","date_published":"2024-10-06T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/theme","url":"https:\/\/mail.silent-company.com\/de\/docs\/theme","content_html":"<body><p>Hadron ist ein modernes Grav Theme, welches auf Quark basiert. Als Child-Theme von Quark enth\u00e4lt es erweiterte Funktionen als das urspr\u00fcngliche Quark Theme. Zudem bietet es erweiterte Gestaltungsoptionen.<\/p>\n\n<h1>Hadron Tutorial - Theme<\/h1>\n<h2 id=\"alles-ueber-das-hadron-th\"><a href=\"#alles-ueber-das-hadron-th\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Alles \u00fcber das Hadron Theme f\u00fcr Grav<\/h2>\n<p>Hadron ist ein modernes Grav Theme, welches auf Quark basiert. Als Child-Theme von Quark enth\u00e4lt es erweiterte Funktionen als das urspr\u00fcngliche Quark Theme. Zudem bietet es erweiterte Gestaltungsoptionen.<\/p><\/body>","tags":["Theme","Kategorie"],"image":"\/user\/pages\/06.docs\/01.theme\/hero.webp"},{"title":"Installation | Hadron Theme","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/installation","url":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/installation","content_html":"<body><div class=\"notices blue\">\n<p>Diese Anleitung zeigt die verschiedenen M\u00f6glichkeiten, um das Hadron Theme zu installieren und leitet dich durch die Installation des Hadron Themes auf einer bestehenden Grav Seite.<\/p>\n<\/div>\n\n<h2 id=\"installation\"><a href=\"#installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation<\/h2>\n<p>Das Hadron Theme kann auf verschiedene Arten installiert werden. Die Installation via den GPM (Grav Package Manager) erm\u00f6glicht eine schnelle und einfache Installation des Themes mit einem einfachen Terminalbefehl, w\u00e4hrend die manuelle Methode die Installation \u00fcber eine Zip-Datei erm\u00f6glicht. Es gibt auch eine M\u00f6glichkeit, das Theme via Git oder \u00fcber das Admin Plugin zu installieren.<\/p>\n<p>Das Theme selber ist n\u00fctzlich, jedoch kann es einfacher sein, eine Website mit dem Hadron Skeleton zu erstellen. Das Hadron Theme ist im <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Hadron Skeleton<\/a> enthalten, welches eine vollst\u00e4ndige Website beinhaltet. Dieses beinhaltet: Beispiele f\u00fcr Inhalte, Konfigurationen, Themes und Plugins.<\/p>\n<h3 id=\"1-gpm-installation-empfoh\"><a href=\"#1-gpm-installation-empfoh\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. GPM Installation (empfohlen)<\/h3>\n<p><em>Diese Methode wird aktuell noch nicht unterst\u00fctzt, da das Theme noch nicht im GPM verf\u00fcgbar ist. Bitte nutze eine andere Methode.<\/em><\/p>\n<p>Der einfachste Weg, dieses Theme zu installieren, ist \u00fcber den <a href=\"http:\/\/learn.getgrav.org\/advanced\/grav-gpm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav Package Manager (GPM)<\/a> in deinem System-Terminal (auch Kommandozeile genannt). Tippe dazu im Root-Verzeichnis deiner Grav Installation folgenden Befehl:<\/p>\n<pre><code class=\"language-shell\">bin\/gpm install hadron<\/code><\/pre>\n<p>Dieser Befehl installiert das Hadron Theme in deinem <code>\/user\/themes<\/code> Verzeichnis innerhalb von Grav. Die Dateien des Themes k\u00f6nnen unter <code>\/deine\/seite\/grav\/user\/themes\/hadron<\/code> gefunden werden.<\/p>\n<p>Der Vorzug dieser Methode ist, dass du das Theme mit einem einfachen Befehl aktualisieren kannst:<\/p>\n<pre><code class=\"language-shell\">bin\/gpm update hadron<\/code><\/pre>\n<h3 id=\"2-git-installation\"><a href=\"#2-git-installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2. Git Installation<\/h3>\n<p>Als Alternative kannst du das Theme auch \u00fcber Git installieren. Gehe dazu in dein <code>\/user\/themes<\/code> Verzeichnis und f\u00fchre folgenden Befehl aus:<\/p>\n<pre><code class=\"language-shell\">git clone https:\/\/github.com\/Crabston\/grav-theme-hadron.git hadron<\/code><\/pre>\n<p>Das Theme sollte nun im Verzeichnis <code>\/deine\/seite\/grav\/user\/themes\/hadron<\/code> zu finden sein.<\/p>\n<p>Um das Theme zu aktualisieren, kannst du einfach in das Theme-Verzeichnis wechseln und <code>git pull<\/code> ausf\u00fchren:<\/p>\n<pre><code class=\"language-shell\">cd \/deine\/seite\/grav\/user\/themes\/hadron\ngit pull<\/code><\/pre>\n<h3 id=\"3-admin-plugin-installati\"><a href=\"#3-admin-plugin-installati\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>3. Admin Plugin Installation<\/h3>\n<p><em>Diese Methode wird aktuell noch nicht unterst\u00fctzt, da das Theme noch nicht im GPM verf\u00fcgbar ist. Bitte nutze eine andere Methode.<\/em><\/p>\n<p>Wenn du das <a href=\"https:\/\/github.com\/getgrav\/grav-plugin-admin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Admin Plugin<\/a> nutzt, kannst du das Theme direkt \u00fcber das Admin Plugin installieren. Gehe dazu in den Bereich <code>Themes<\/code> und klicke auf <code>Add<\/code> und suche nach <code>hadron<\/code>. W\u00e4hle das Theme aus und klicke auf <code>Install<\/code>.<\/p>\n<p>Das Theme wird nun in deinem <code>\/user\/themes<\/code> Verzeichnis installiert. Zudem kann es \u00fcber das Admin Plugin aktualisiert werden, wenn eine neue Version verf\u00fcgbar ist.<\/p>\n<h3 id=\"4-manuelle-installation-n\"><a href=\"#4-manuelle-installation-n\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>4. manuelle Installation (nicht empfohlen)<\/h3>\n<p>Um das Theme manuell zu installieren, lade einfach die Zip-Version dieses Repositories herunter und entpacke sie unter <code>\/deine\/seite\/grav\/user\/themes<\/code>. Benenne den Ordner dann in <code>hadron<\/code> um. Die Dateien des Themes k\u00f6nnen entweder auf <a href=\"https:\/\/github.com\/Crabston\/grav-theme-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">GitHub<\/a> oder \u00fcber <a href=\"http:\/\/getgrav.org\/downloads\/themes\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">GetGrav.org<\/a> gefunden werden.<\/p>\n<p>Du solltest nun alle Theme-Dateien unter <code>\/deine\/seite\/grav\/user\/themes\/hadron<\/code> haben.<\/p>\n<h2 id=\"weitere-schritte\"><a href=\"#weitere-schritte\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>weitere Schritte<\/h2>\n<p>Nach der Installation des Themes, kannst du das Theme in der <code>Grav Admin<\/code> Oberfl\u00e4che aktivieren. Gehe dazu in den Bereich <code>Themes<\/code> und w\u00e4hle <code>Hadron<\/code> aus. Klicke auf <code>Activate<\/code> um das Theme zu aktivieren.<\/p>\n<p>Das Theme ist nun aktiviert und sollte auf deiner Seite sichtbar sein. Du kannst nun die Theme-Einstellungen anpassen und die Seite nach deinen W\u00fcnschen gestalten. Lerne mehr \u00fcber die <a href=\"\/de\/hadron\/theme\/optionen\">Theme Optionen<\/a>.<\/p><\/body>","tags":["Theme","Installation"],"image":"\/user\/pages\/06.docs\/01.theme\/02.installation\/hero.webp"},{"title":"Installation | Hadron Skeleton","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/installation","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/installation","content_html":"<div class=\"notices blue\">\n<p>Diese Anleitung beschreibt die verschiedenen M&ouml;glichkeiten, das Hadron Skeleton zu installieren und leitet dich durch die Installation des Skeletons f&uuml;r eine neue Grav Seite.<\/p>\n<\/div>\n\n<h2 id=\"installation\"><a href=\"#installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation<\/h2>\n<p>Das Hadron Skeleton kann auf verschiedene Arten installiert werden.<\/p>\n<h2 id=\"methoden\"><a href=\"#methoden\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Methoden<\/h2>\n<p>Es gibt grundlegend zwei Methoden, das Skeleton zu installieren: via Git oder als ZIP-Datei. Beide Methoden haben ihre Vor- und Nachteile, je nachdem, wie du das Skeleton verwenden m&ouml;chtest. Zudem gibt es verschiedene Varianten, wie du das Skeleton installieren kannst, je nachdem, ob du das Skeleton bearbeiten oder nur verwenden m&ouml;chtest.<\/p>\n<h2 id=\"1-installation-git\"><a href=\"#1-installation-git\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. Installation (Git)<\/h2>\n<p>Wenn du das Skeleton mit Git bearbeiten m&ouml;chtest, ist das einfachste, das Repository zu klonen. So kannst du einfach Updates und &Auml;nderungen aus dem Original-Repository ziehen. Es gibt verschiedene Varianten, je nachdem, was du mit dem Skeleton machen m&ouml;chtest:<\/p>\n<h3 id=\"1-1-repository-kopieren-e\"><a href=\"#1-1-repository-kopieren-e\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.1 Repository kopieren (empfohlen)<\/h3>\n<p>Wenn du ein neues Repository basierend auf diesem Skeleton erstellen m&ouml;chtest, kannst du den <code>Nutze diese Vorlage<\/code> Knopf auf der GitHub Repository Seite verwenden. Dies erstellt ein neues Repository in deinem Account basierend auf dem Skeleton. Du wirst jedoch keine Updates aus dem Original-Repository ziehen k&ouml;nnen.\n<em>Dies ist der empfohlene Weg, wenn du eine neue Seite basierend auf diesem Skeleton entwickeln m&ouml;chtest und nicht planst, zum urspr&uuml;nglichen Skeleton beizutragen oder Updates daraus zu ziehen.<\/em><\/p>\n<p>Um ein neues Repository basierend auf diesem Skeleton zu erstellen, klicke auf den <code>Nutze diese Vorlage<\/code> Knopf 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 nun das Repository auf deinen Computer klonen und mit der Entwicklung deiner Seite beginnen.<\/p>\n<div class=\"notices blue\">\n<p>Siehe Punkt 1.3, wie du das Repository auf deinen Computer klonen kannst (mit Grav)<\/p>\n<\/div>\n<h3 id=\"1-2-repository-forken\"><a href=\"#1-2-repository-forken\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.2 Repository forken<\/h3>\n<p>Durch das forken dieses Repositorys erstellst du eine verkn&uuml;pfte Kopie des urspr&uuml;nglichen Repositorys in deinem eigenen GitHub Account. Auf diese Weise kannst du &Auml;nderungen am Skeleton vornehmen und sie in dein eigenes Repository pushen. Du kannst dann eine neue Seite erstellen, indem du dein Fork als Skeleton verwendest.\n<em>Dies ist der empfohlene Weg, wenn du zum urspr&uuml;nglichen Skeleton beitragen oder Updates daraus ziehen m&ouml;chtest.<\/em><\/p>\n<p>Um das Repository zu forken, klicke auf den <code>Fork<\/code> Knopf auf der GitHub Repository Seite. Du hast nun eine Kopie des Skeletons in deinem Account. Du kannst das Repository auf deinen Computer klonen und mit der Entwicklung deiner Seite beginnen.<\/p>\n<div class=\"notices blue\">\n<p>Siehe Punkt 1.3, wie du das Repository auf deinen Computer klonen kannst (mit Grav)<\/p>\n<\/div>\n<h3 id=\"1-3-repository-direkt-klo\"><a href=\"#1-3-repository-direkt-klo\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.3 Repository direkt klonen (nicht empfohlen)<\/h3>\n<p>Das direkte Klonen des Repositorys erstellt eine lokale Kopie des Skeletons auf deinem Computer.\n<em>Dies ist nur empfohlen, wenn du das Skeleton ausprobieren oder &Auml;nderungen daran vornehmen m&ouml;chtest, ohne zum urspr&uuml;nglichen Repository beizutragen oder Updates daraus zu ziehen. Wenn du lieber eine neue Seite basierend auf dem Skeleton erstellen m&ouml;chtest, verwende eine der oben genannten Methoden.<\/em><\/p>\n<p>Um das Repository direkt zu klonen, verwende die folgenden Befehle:<\/p>\n<pre><code class=\"language-bash\">cd \/deine\/seite\/\ngit clone https:\/\/github.com\/getgrav\/grav.git .\nrm user\/ -rf\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user\nbin\/grav install<\/code><\/pre>\n<p>Du kannst auch unseren <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modifizierten Grav Core<\/a> mit zus&auml;tzlichen Funktionen verwenden:<\/p>\n<pre><code class=\"language-bash\">cd \/deine\/seite\/\ngit...<\/code><\/pre>","tags":["Skeleton","Installation"],"image":"\/user\/pages\/06.docs\/02.skeleton\/02.installation\/hero.webp"},{"title":"Skeleton","date_published":"2024-10-06T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton","content_html":"<body><p>Das Hadron Skeleton kann als Vorlage f\u00fcr Websites genutzt werden. Es nutzt das Hadron Theme und kommt mit vorinstallierten Plugins und entsprechenden Konfigurationen. Auch die Demo-Inhalte sind bereits enthalten.<\/p>\n\n<h1>Hadron Tutorial - Skeleton<\/h1>\n<h2 id=\"alles-ueber-das-hadron-sk\"><a href=\"#alles-ueber-das-hadron-sk\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Alles \u00fcber das Hadron Skeleton f\u00fcr Grav<\/h2>\n<p>Das Hadron Skeleton kann als Vorlage f\u00fcr Websites genutzt werden. Es nutzt das Hadron Theme und kommt mit vorinstallierten Plugins und entsprechenden Konfigurationen. Auch die Demo-Inhalte sind bereits enthalten.<\/p><\/body>","tags":["Skeleton","Kategorie"],"image":"\/user\/pages\/06.docs\/02.skeleton\/hero.webp"},{"title":"Optionen | Hadron Theme","date_published":"2024-10-17T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/optionen","url":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/optionen","content_html":"<div class=\"notices blue\">\n<p>Diese Anleitung zeigt, wie das Hadron Theme beliebig konfiguriert werden kann. Die Konfiguration kann entweder &uuml;ber die Datei oder das Admin Panel erfolgen.<\/p>\n<\/div>\n\n<h2 id=\"theme-optionen\"><a href=\"#theme-optionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Theme Optionen<\/h2>\n<p>Das Hadron Theme bietet eine Vielzahl von Optionen, um das Theme beliebig anzupassen. Die Optionen enthalten die Standard Quark Einstellungen + einige zus&auml;tzliche Optionen von Hadron.<\/p>\n<h2 id=\"admin-panel\"><a href=\"#admin-panel\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Admin Panel<\/h2>\n<p>Um das Theme zu konfigurieren, navigiere im Admin Panel zu <code>Themes<\/code> und w&auml;hle das <code>Hadron<\/code> Theme aus.\n<a rel=\"lightbox\" href=\"\/images\/a\/d\/m\/i\/n\/admin-6f7f12f4.webp\">\n  <img alt=\"Hadron im Admin Panel\" src=\"\/images\/a\/d\/m\/i\/n\/admin-6f7f12f4.webp\">\n<\/a>\nDort findest du die Theme Optionen, gruppiert nach Hadron &amp; Quark Einstellungen.<\/p>\n<h3 id=\"hadron-einstellungen\"><a href=\"#hadron-einstellungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron Einstellungen<\/h3>\n<p>Die Hadron Einstellungen enthalten die folgenden Optionen:\n<a rel=\"lightbox\" href=\"\/images\/h\/a\/d\/r\/o\/hadron-settings-6ce6d091.webp\">\n  <img alt=\"Hadron Einstellungen\" src=\"\/images\/h\/a\/d\/r\/o\/hadron-settings-6ce6d091.webp\">\n<\/a><\/p>\n<ul>\n<li>\n<p><strong>H5P Source URL<\/strong>: The URL to the H5P library. This is required to use H5P content.<\/p>\n<\/li>\n<li>\n<p><strong>Show dropdown menu<\/strong>: Show a dropdown menu in the header navigation with subpages.<\/p>\n<\/li>\n<li>\n<p><strong>H5P Quelle URL<\/strong>: Die URL zur H5P Bibliothek. Dies ist erforderlich, um H5P-Inhalte zu verwenden.<\/p>\n<\/li>\n<li>\n<p><strong>Zeige Dropdowns im Men&uuml;<\/strong>: Zeige ein Dropdown-Men&uuml; in der Header-Navigation mit Unterseiten.<\/p>\n<\/li>\n<\/ul>\n<h3 id=\"quark-einstellungen\"><a href=\"#quark-einstellungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Quark Einstellungen<\/h3>\n<p>Die Quark Einstellungen enthalten die folgenden Optionen:\n<a rel=\"lightbox\" href=\"\/images\/q\/u\/a\/r\/k\/quark-settings-f331f550.webp\">\n  <img alt=\"Quark Einstellungen\" src=\"\/images\/q\/u\/a\/r\/k\/quark-settings-f331f550.webp\">\n<\/a><\/p>\n<ul>\n<li><strong>Produktionsmodus<\/strong>: Aktivieren oder deaktivieren des Produktionsmodus. Wenn aktiviert, werden minimierte CSS-Dateien verwendet.<\/li>\n<li><strong>Grid Gr&ouml;sse<\/strong>: Die Breite des Themes. Eine gr&ouml;ssere Grid Gr&ouml;sse f&uuml;hrt zu breiteren Layouts.<\/li>\n<li><em>Header Standards<\/em>\n<ul>\n<li><strong>Benutzerdefiniertes Favicon<\/strong>: Lade ein benutzerdefiniertes Favicon f&uuml;r die Website hoch<\/li>\n<li><strong>Benutzerdefiniertes Logo<\/strong>: Lade ein benutzerdefiniertes Logo f&uuml;r die Header-Navigation hoch<\/li>\n<li><strong>Benutzerdefiniertes mobiles Logo<\/strong>: Lade ein benutzerdefiniertes Logo f&uuml;r die mobile Navigation hoch<\/li>\n<li><strong>Fixierter Header<\/strong>: Aktivieren oder deaktivieren eines fixierten (sticky) Headers<\/li>\n<li><strong>Header animieren<\/strong>: Aktivieren oder deaktivieren eines animierten Headers beim Scrollen<\/li>\n<li><strong>Dunkler Header<\/strong>: Aktivieren oder deaktivieren eines dunklen Headers<\/li>\n<li><strong>Transparenter Header<\/strong>: Aktivieren oder deaktivieren eines transparenten Headers<\/li>\n<\/ul><\/li>\n<li><em>Footer Standards<\/em>\n<ul>\n<li><strong>Fixierter Footer<\/strong>: Aktivieren oder deaktivieren eines fixierten Footers (Footer immer zuunterst)<\/li>\n<\/ul><\/li>\n<li><em>Blog Standards<\/em>\n<ul>\n<li><strong>Blog URL<\/strong>: Die URL zur Blog-Seite<\/li>\n<li><strong>Hero Klassen<\/strong>: Die Standard Hero-Klassen f&uuml;r das Hero-Element auf der Blog-Seite<\/li>\n<\/ul><\/li>\n<li><em>Spectre.css Optionen<\/em>\n<ul>\n<li><strong>Experimentelles CSS<\/strong>: Aktivieren oder deaktivieren von experimentellen CSS-Funktionen<\/li>\n<li><strong>Icons CSS<\/strong>: Aktivieren oder deaktivieren des Icons CSS<\/li>\n<\/ul><\/li>\n<\/ul>\n<h2 id=\"configuration-file\"><a href=\"#configuration-file\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Configuration File<\/h2>\n<p>Alle oben genannten Einstellungen k&ouml;nnen auch &uuml;ber die Datei konfiguriert werden. Die Konfigurationsdatei befindet sich in <code>user\/config\/themes\/hadron.yaml<\/code>. Die Datei enth&auml;lt standardm&auml;ssig die folgenden Einstellungen:<\/p>\n<pre><code class=\"language-yaml\">grid-size: grid-lg        # Grid Gr&ouml;sse des Themes: grid-lg, grid-md, grid-sm\nblog-page: \/blog          # URL zur Blog-Seite\ndropdown:\n  enabled: true           # Zeige Dropdown-Men&uuml; in der Header-Navigation\nheader-fixed: true        # Aktiviere fixierten (sticky) Header\nheader-animated: true     # Aktiviere animierten Header beim Scrollen\nheader-dark: false        # Aktiviere dunklen Header\nheader-transparent: false # Aktiviere transparenten Header\nsticky-footer: true       # Aktiviere fixierten Footer (Footer immer zuunterst)\nspectre:\n  exp: false              # Aktiviere experimentelle CSS-Funktionen\n  icons: false            # Aktiviere Icons CSS\nproduction-mode: true     # Aktiviere Produktionsmodus (verwende minimierte CSS-Dateien)\n\n# URL zur H5P Bibliothek\nh5pembedrootpath: 'https:\/\/h5p.org\/h5p\/embed\/'\n\n# Standard Hero-Klassen f&uuml;r das Hero-Element auf der Blog-Seite\nblog_page_hero_classes: 'text-light title-h1h2 overlay-dark-gradient hero-large parallax'\n\n# Benutzerdefiniertes Favicon\nfavicon:\n  # Pfad zum Favicon\n  user\/themes\/hadron\/images\/favicon.svg:\n    name: favicon.svg       # Name der Datei\n    full_path: favicon.svg  # Pfad zur Datei\n    type: image\/svg+xml     # Dateityp\n    size: 4868              # Dateigr&ouml;sse\n    path: user\/themes\/hadron\/images\/favicon.svg\n\n# Benutzerdefiniertes Logo f&uuml;r die Header-Navigation\ncustom_logo:\n  user\/themes\/hadron\/images\/logo\/logo.svg:\n    name: logo.svg\n    full_path: logo.svg\n    type: image\/svg+xml\n    size: 4868\n    path: user\/themes\/hadron\/images\/logo\/logo.svg\n\n#...<\/code><\/pre>","tags":["Theme","Konfiguration"],"image":"\/user\/pages\/06.docs\/01.theme\/03.optionen\/admin.webp"},{"title":"Setup | Hadron Skeleton","date_published":"2024-10-17T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/setup","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/setup","content_html":"<div class=\"notices blue\">\n<p>Diese Anleitung leitet dich durch das Setup des Hadron Skeletons. Darin wird erkl&auml;rt, welche &Auml;nderungen nach der Installation vorgenommen werden sollten, um eine optimierte Website zu erstellen. <\/p>\n<\/div>\n\n<div class=\"notices yellow\">\n<p>Um mit dem Setup zu beginnen, musst du das Skeleton zuerst installieren. Siehe dazu die <a href=\"\/de\/hadron\/skeleton\/installation\">Installationsanleitung zum Hadron Skeleton<\/a>.<\/p>\n<\/div>\n<h2 id=\"1-formale-aenderungen\"><a href=\"#1-formale-aenderungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. Formale &Auml;nderungen<\/h2>\n<p>Die formalen &Auml;nderungen beinhalten kleine, formale Anpassungen die nichts mit der Website zu tun haben, jedoch praktisch sind. Dies betrifft hier folgendes:<\/p>\n<ol>\n<li>Readme: Anpassen der Readme Datei, um die wichtigsten Informationen zur Website zu speichern<\/li>\n<li>Lizenz: Korrekte Lizenzdatei hinzuf&uuml;gen<\/li>\n<li>ChangeLog: Anpassen des ChangeLogs, um die &Auml;nderungen der Website zu dokumentieren<\/li>\n<\/ol>\n<p><em>Die formalen Anpassungen k&ouml;nnen einfachheitshalber direkt versioniert werden und gegebenenfalls sogar &uuml;ber GitHub stattfinden.<\/em><\/p>\n<h2 id=\"2-grundkonfiguration\"><a href=\"#2-grundkonfiguration\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2. Grundkonfiguration<\/h2>\n<p>Mit der Grav Grundkonfiguration k&ouml;nnen bekannte &Auml;nderungen noch vor der Installation gemacht werden, um nach der Installation bereits mit detail Anpassungen loslegen zu k&ouml;nnen.<\/p>\n<ol>\n<li>Falls bereits Benutzeraccounts vorhanden sind, k&ouml;nnen diese erstellt werden<\/li>\n<li>Wenn bereits bekannt ist, welche Plugins und Themes verwendet werden sollen, k&ouml;nnen diese direkt in der <code>.dependencies<\/code> Datei hinzugef&uuml;gt oder entfernt werden.<\/li>\n<li>Anschliessend k&ouml;nnen bereits Einstellungen am System und an der Seite angepasst werden.<\/li>\n<li>Zuletzt k&ouml;nnen ebenfalls einzelne &Auml;nderungen an Plugins und Theme konfigurationen gemacht werden.<\/li>\n<\/ol>\n<p><em>Ab diesen &Auml;nderungen lohnt es sich, einen neuen Git Branch zu erstellen und je Konfiguration\/ Kapitel mindestens einen Commit zu machen.<\/em><\/p>\n<h3 id=\"2-1-accounts\"><a href=\"#2-1-accounts\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.1 Accounts<\/h3>\n<p>Falls bereits Benutzeraccounts vorhanden sind, k&ouml;nnen diese erstellt werden. Daf&uuml;r muss pro Account eine Datei in accounts\/ erstellt werden. Die Datei muss folgende Struktur haben:<\/p>\n<p><code>accounts\/username.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">state: enabled\nemail: email@example.com\nfullname: Name des Benutzers\ntitle: Titel des Benutzers\nhashed_password: HASHED_PASSWORD\nlanguage: de\ncontent_editor: default\naccess:\n    # ... individuelle Zugriffsberechtigungen\ngroups: # Liste von Gruppen\n    - website     # kann sich an der Website anmelden\n    - admin       # kann sich am Admin Panel anmelden\n    - statistics  # kann Statistiken der Seite einsehen\n    - editor      # kann bestehende Seiten bearbeiten\n    - pages       # kann Seiten verwalten\n    - maintainer  # kann die Seite warten\n    - manager     # kann Seiten- &amp; Systemeinstellungen verwalten\n    - themes      # kann Themes verwalten\n    - plugins     # kann Plugins verwalten\n    - accounts    # kann Benutzerkonten verwalten<\/code><\/pre>\n<h3 id=\"2-2-dependencies\"><a href=\"#2-2-dependencies\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.2 Dependencies<\/h3>\n<p>Mit der <code>.dependencies<\/code> Datei k&ouml;nnen alle n&ouml;tigen Plugins und Themes einfach &uuml;ber eine eingebaute Funktion installiert werden.<\/p>\n<h3 id=\"2-3-einstellungen\"><a href=\"#2-3-einstellungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.3 Einstellungen<\/h3>\n<p>Bei den Einstellungen gibt es zwei wichtige Konfigurationsdateien, die angepasst werden sollten. Die lohnenswerten Anpassungen sind folgende:<\/p>\n<p><code>config\/site.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">title: 'Name der Website'\ndefault_lang: de\nauthor:\n    name: 'Standardautor\/ Organisationsname'\n    email: contact@example.com\nmetadata:\n    description: 'Standard Website Beschreibung'\nblog:\n    route: '\/blog'<\/code><\/pre>\n<p><code>config\/system.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">timezone: Europe\/Zurich\nlanguages:\n    supported:\n        - de\nhome:\n    alias: \/startseite<\/code><\/pre>\n<h3 id=\"2-4-theme-plugins\"><a href=\"#2-4-theme-plugins\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.4 Theme &amp; Plugins<\/h3>\n<p>Anschliessend k&ouml;nnen bereits auch schon folgende &Auml;nderungen am Themes &amp; an den Plugins gemacht werden:<\/p>\n<p><code>config\/themes\/local.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">header-fixed: true          # fixierter Header\nheader-animated: true       # animierter Header beim scrollen\nheader-dark: false          # dunkler Header\nheader-transparent: false   # transparenter Header\nsticky-footer: true         # Footer immer zuunterst, auch wenn Website kleiner\nblog-page: \/blog            # Seite zum Blog\ndropdown:\n  enabled: false            # In der navigation Unterseiten anzeigen\n\n# Breite der Website, entweder grid-lg f&uuml;r normal breite und grid-xl f&uuml;r extra breite Layouts\ngrid-size:...<\/code><\/pre>","tags":["Skeleton","Installation"],"image":"\/user\/pages\/06.docs\/02.skeleton\/03.setup\/hero.webp"},{"title":"Anpassen | Hadron Theme","date_published":"2024-10-17T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/anpassen","url":"https:\/\/mail.silent-company.com\/de\/docs\/theme\/anpassen","content_html":"<body><div class=\"notices blue\">\n<p>Diese Anleitung beschreibt, wie du das Hadron Theme anpassen kannst. Durch die Anpassung des Themes \u00e4nderst du mehr als nur einige Optionen: Du ver\u00e4nderst das Aussehen deiner Website, indem du den Quellcode des Themes (CSS\/ SCSS, JavaScript, Twig) bearbeitest.<\/p>\n<\/div>\n\n<div class=\"notices yellow\">\n<p>Da du CSS\/ SCSS, JavaScript und Twig Dateien bearbeitest, wird empfohlen, dass du \u00fcber Kenntnisse in diesen Sprachen verf\u00fcgst. Wenn du nicht vertraut mit ihnen bist, kannst du das Theme trotzdem anpassen, indem du die Theme-Optionen im Admin-Panel \u00e4nderst. Siehe die <a href=\"\/de\/hadron\/theme\/optionen\">Hadron Theme-Optionen<\/a> f\u00fcr weitere Informationen.<\/p>\n<\/div>\n<h2 id=\"varianten-zur-anpassung-d\"><a href=\"#varianten-zur-anpassung-d\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Varianten zur Anpassung des Themes<\/h2>\n<p>In Grav gibt es mehrere M\u00f6glichkeiten, ein Theme anzupassen (siehe <a href=\"https:\/\/learn.getgrav.org\/17\/themes\/customization\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav Docs<\/a> f\u00fcr weitere Informationen). Grunds\u00e4tzlich gibt es zwei M\u00f6glichkeiten, das Hadron Theme anzupassen:<\/p>\n<ol>\n<li>Bearbeiten des Quellcodes des Themes direkt <em>(nicht empfohlen)<\/em>: Du kannst den gesamten Quellcode eines Themes direkt bearbeiten. Obwohl dies der einfachste Weg ist, ein Theme anzupassen, wird dies nicht empfohlen, da du deine \u00c4nderungen verlierst, wenn du das Theme aktualisierst.<\/li>\n<li>Verwendung eines Child-\/ inherited Themes <em>(empfohlen)<\/em>: Du kannst ein Child Theme erstellen, das vom Hadron Theme erbt. Auf diese Weise kannst du das Theme anpassen, ohne deine \u00c4nderungen zu verlieren, wenn du Hadron aktualisierst. (Hadron selbst ist ein Child-Theme von Quark.)<\/li>\n<\/ol>\n<h2 id=\"hadron-skeleton\"><a href=\"#hadron-skeleton\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron Skeleton<\/h2>\n<p>Der einfachste Weg, das Hadron Theme anzupassen, ist die Verwendung des <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Hadron Skeletons<\/a>. Der Hadron Skeleton ist ein vorinstalliertes Grav-Paket, das das Hadron Theme und einige Demo-Inhalte enth\u00e4lt.<\/p>\n<p>Das Hadron Skeleton enth\u00e4lt auch ein drittes Theme namens \u00abLocal\u00bb, 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 \u00c4nderungen zu verlieren, wenn du das Theme aktualisierst.<\/p>\n<h2 id=\"andere-moeglichkeiten\"><a href=\"#andere-moeglichkeiten\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Andere M\u00f6glichkeiten<\/h2>\n<p>Wenn du das Hadron Skeleton lieber nicht verwenden m\u00f6chtest, kannst du auch manuell ein Child Theme erstellen. Weitere Informationen findest du in den <a href=\"https:\/\/learn.getgrav.org\/17\/themes\/customization#theme-inheritance\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav Docs<\/a>. Dies ist n\u00fctzlich, wenn du bereits eine Grav-Installation hast und das Hadron Theme hinzuf\u00fcgen m\u00f6chtest. Wenn du jedoch eine neue Website mit Grav + Hadron erstellen m\u00f6chtest, ist das Skeleton m\u00f6glicherweise die bessere Wahl.<\/p>\n<p>Dennoch kann es n\u00fctzlich sein, einiges vom Local Theme zu \u00fcbernehmen, um die Anpassungen zu erleichtern. Den Code dazu findest du im <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\/tree\/main\/themes\/local\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Hadron Skeleton auf GitHub unter <code>themes\/local<\/code><\/a>.<\/p><\/body>","tags":["Theme","Konfiguration"],"image":"\/user\/pages\/06.docs\/01.theme\/04.customization\/hero.webp"}]}