Themes Dokumentation
Übersicht
- 1. Installieren Sie Ihr Theme
- 1.2 Child Theme erstellen (optional)
- 2. Installieren Sie ZMPlugin, um Ihr Theme anpassen zu können (optional)
- 3. Theme Einstellungen
- 4. Design Explorer
- 5. Customizer
- 6. Block Templates
- 7. Template Editor (nur mit ZMPro Lizenz)
- 8. Das Theme mittels PHP-Code anpassen
- 9. Import / Export
1. Installieren Sie Ihr Theme
Von WordPress aus
Gehen Sie zu Dashboard >> Design >> Themes >> Neu hinzufügen.
Geben Sie beispielsweise «ZMT Modular» in das Suchfeld ein, klicken Sie auf installieren und aktivieren.
Via Theme-Zip-Datei
Gehen Sie zu Dashboard >> Design >> Themes >> Neu hinzufügen >> Theme hochladen.
Wählen Sie das zuvor heruntergeladene Theme-Zip-File aus und klicken Sie auf «Jetzt installieren». Danach aktivieren Sie das neu installierte Theme.
1.2 Child Theme erstellen (optional)
Wenn Sie gedenken, mehr als eine einfache Webseite zu erstellen, die gar nicht oder nur ein wenig angepasst werden soll, dann sollten Sie hier an dieser Stelle bevor Sie weitermachen, ein Child-Theme erstellen. Lesen Sie mehr zu Child-Themes hier bei WordPress.org: https://developer.wordpress.org/themes/advanced-topics/child-themes/
Mittels eines Child-Themes können alle Module von ZuestMedia Themes durch die Erstellung von PHP-Klassen angepasst, überschrieben oder erweitert werden.
Ein Child-Theme bietet Ihnen ausserdem die Möglichkeit, Anpassungen via Dateien bspw. in der «functions.php» Datei vorzunehmen, von wo aus nahezu jede Funktion oder Verhalten von WordPress gesteuert werden kann, oder in den Stil-Definitions-Dateien (CSS), für Änderungen an Stellen, für die (noch) keine vorgefertigten Einstellungen existieren.
Es ist keine Katastrophe, wenn Sie hier ohne Child-Theme weitermachen, das kann auch später nachgeholt werden. Allerdings kann das dann mit ein wenig mehr Umständen verbunden sein (komplizierter).
2. Installieren Sie ZMPlugin, um Ihr Theme anpassen zu können (optional)
Damit Sie Ihr Theme anpassen können, benötigen Sie das Basis-WordPress-Plugin von ZuestMedia «ZMPlugin». ZMPlugin fügt verschiedene Funktionen zum WordPress Dashboard hinzu, insbesondere an dieser Stelle erwähnt sind die Theme-Einstellungen, die erweiterten Customizer-Einstellungen sowie der Design-Explorer, mit dem Sie Starter-Designs importieren können.
Die Installation von ZMPlugin ist optional, Sie können das Theme so wie es ist mit Default Einstellungen verwenden.
3. Theme Einstellungen
Operating Mode
Wählen Sie in den Theme-Einstellungen den gewünschten Operating Mode aus:
- Default
- Simple Mode
- Professional
- DEV
Je nach gewähltem Operating Mode sind mehr oder weniger Einstellungen sichtbar. Im Default Modus sind keine weiteren Einstellungen verfügbar.
CSS Type
Wählen Sie von 3 möglichen CSS Stil Dateien die passende aus:
- Mixed Colors
- Dark Colors
- Light Colors
Mixed Colors funktioniert für alle Arten von Themes, Dark und Light sind für ausschliessliche dunkle oder helle Designs gedacht und besitzen kleinere CSS-Dateien (minimal bessere Ladezeiten). Beim Import von Starter-Designs wird diese Option automatisch auf den richtigen Wert gesetzt.
4. Design Explorer
Wenn ZMPlugin installiert und aktiviert ist, sowie mindestens der Operating Mode «Simple» in den Theme-Einstellungen ausgewählt wurde, ist nun der Design-Explorer im Menü unter Dashboard >> Design >> Design-Explorer verfügbar.
Scrollen Sie durch die verschiedenen Starter-Designs, klicken Sie auf die Vorschau und installieren Sie ein Starter-Design das Ihnen gefällt.
Es muss kein Starter-Design verwendet werden, Sie können auch mit Default Einstellungen starten und Ihr Theme komplett selbständig konfigurieren und gestalten.
5. Customizer
Wenn ZMPlugin installiert und aktiviert ist, sowie mindestens der Operating Mode «Simple» in den Theme-Einstellungen ausgewählt wurde, sind nun im Customizer verschiedene neue Einstellungen verfügbar.
- Global Settings
- Sections: Header, Center, Main
- …
Je nach dem auf welcher Seite Ihrer Webseite Sie sich innerhalb des Customizers befinden, werden in der Sidebar spezifische Module & Einstellungen angezeigt. Es werden nur die Module angezeigt, die in der jeweiligen Ansicht verfügbar sind. Hier können Sie alle Module anpassen, anzeigen oder verstecken und vieles mehr…
6. Block Templates
Block Templates können unter Dashboard >> Design >> Block Templates erstellt und bearbeitet werden, wenn ZMPlugin installiert ist mit Operating Mode Simple oder höher.
Ein Block Template ist ein benutzerdefinierter Beitrags Typ (Custom Post Type), der mit dem klassischen Editor oder mit dem Gutenberg Editor befüllt werden kann. Bei Verwendung des Gutenberg Editors können sowohl statische als auch dynamische Elemente (wie bspw. ein Archiv-Titel) verwendet werden.
ZMThemes bieten die Option, Block Templates in Sektionen im Header, Center oder Footer zu platzieren und gemäss gewünschten Anzeigen-Einstellungen auszuspielen.
Damit kann beispielsweise ein die ganze Breite einer Seite füllender Archiv-Titel erstellt werden, der ausserhalb des normalen Bereichs liegen kann, als sich der Archiv-Titel normalerweise befindet. Der Kreativität sind so keine Grenzen gesetzt.
Das heisst, mit der klassischen Theme Struktur lassen sich nun ebenso dynamische Gutenberg Blocks einsetzen.
7. Template Editor (nur mit ZMPro Lizenz)
Mit dem Template Editor sind Sie in der Lage, neue Module hinzuzufügen, wofür Sie ansonsten zu PHP-Code greifen müssen.
Der Template-Editor lässt Sie Vorlagen für alle Arten von WordPress Seiten, Beiträge, Sektionen, Navigationen etc. erstellen.
8. Das Theme mittels PHP-Code anpassen
Bei Verwendung eines Child-Themes können sämtliche Module angepasst, erweitert oder überschrieben werden. Dies geschieht mittels der Erstellung von PHP-Child-Klassen in Ihrem Child-Theme.
Mehr dazu in Kürze… (Schreiben Sie uns ein Mail, wenn Sie mehr darüber wissen möchten!)
9. Import / Export
Mit der Import/Export-Funktion können Theme Einstellungen von einer Webseite zu einer anderen transferiert werden.
Wichtig: Dies ist kein Ersatz für ein Backup Ihrer Webseite!