Mit dem Plugin Block-Theme erstellen kann man nicht nur Block-Themes erstellen, sondern auch Anpassungen an Block-Themes als Stil-Variation, Child-Theme oder Clone speichern. Dieser Beitrag zeigt, warum das eine gute Idee ist, und wann welche Option sinnvoll ist.
Inhaltsverzeichnis
- Ein Block-Theme besteht aus Dateien
- Anpassungen werden in der Datenbank gespeichert
- Das Plugin »Create Block Theme«
- Praktische Beispiele
- Fazit: ein praktisches Plugin
Ein Block-Theme besteht aus Dateien
Ein Block-Theme besteht aus Dateien, die im Theme-Ordner gespeichert werden. Für Twenty Twenty-Four gibt es dort unter anderem die folgenden Dateien und Unterordner:
- im Ordner parts gibt es für jedes Template-Teil eine HTML-Datei.
- im Ordner styles gibt es für jede Stil-Variationen eine JSON-Datei.
- der Ordner templates enthält für jede Template eine HTML-Datei.
- theme.json enthält zahlreiche Standard-Einstellungen für das Theme
Die anderen Dateien und Unterordner sind beim Speichern von Anpassungen nicht so wichtig:
- Der Unterordner assets enthält mitgelieferte Ressourcen wie Bilder und Stylesheets.
- Der Unterordner patterns enthält für jede mit dem Theme ausgelieferte Vorlage eine PHP-Datei
Die Dateien functions.php für funktionale Erweiterungen und screenshot.png für das Vorschaubild gab es auch bereits bei klassischen Themes.
Anpassungen werden in der Datenbank gespeichert
Änderungen an Templates, Template-Teilen und Stilen eines Block-Themes werden nicht in den Theme-Dateien, sondern zunächst einmal in der Datenbank von WordPress gespeichert.
Das ist der Grund, warum man bei der Bearbeitung von Templates, Template-Teilen und Stilen im Website-Editor alle Anpassungen recht einfach wieder entfernen kann. Dieses Zurücksetzen löscht einfach alle Einträge aus der Datenbank und nutzt wieder die Einstellungen aus den Theme-Dateien:
- Änderungen an Templates kann man im Bereich Alle Templates verwalten im 3-Punkte-Menü mit dem Befehl Anpassungen entfernen zurücksetzen.
- Template-Teile wie Header oder Footer funktionieren ähnlich. Im Bereich Vorlagen gibt es ganz unten den Link Alle Template-Teile verwalten und im 3-Punkte-Menü den Befehl Anpassungen entfernen.
- Im Bereich Stile für die globale Gestaltung der Website findet man bei den Revisionen den Befehl Auf Standardeinstellungen zurücksetzen.
Das Plugin »Create Block Theme«
Das Plugin Block-Theme erstellen kann unter anderem dabei helfen, in der Datenbank gespeicherte Anpassungen in die Theme-Dateien zu übertragen. Das Plugin ist während der Entwicklung einer Website sehr nützlich, sollte aber nicht auf einem Live-Server eingesetzt werden.
Das Plugin Create Block Theme kennenlernen
Hier einige Links zur Einführung in das Plugin:
- Plugin-Verzeichnis: Plugin-Seite zu »Create Block Theme«
Dort können Sie das Plugin mit einem Klick auf den ButtonLive-Vorschauin einem WordPress-Playground ohne Installation sofort ausprobieren. - Einführung: Exploring the latest version of the Create Block Theme plugin (Mai 2024)
Die neue Benutzeroberfläche, erklärt von Birgit Pauli-Haack in der Gutenberg Times. - Tutorial: A walk-through tutorial on using Create Block Theme plugin (Dezember 2023)
Nützliche Einführung, beschreibt aber die alte Benutzeroberfläche.
Sämtliche Optionen des Plugins findet man neuerdings im Website-Editor, aber die wichtigsten Optionen gibt es auch im Menü Design im Unterpunkt Create Block Theme (Block-Theme erstellen).
Hier eine kurze Erklärung der Optionen im Menü Block-Theme erstellen:
Export "Theme" as a ZIP File
Exportiert das aktive Theme inklusive aller Anpassungen als ZIP-Datei, die man in einer anderen WordPress-Installationen importieren kann. Im Prinzip wie bei der (gut versteckten) Export-Option im Website-Editor.Create a new Blank Theme
Die OptionLeeres Theme erstellendürfte in erster Linie für professionelle Theme-Entwickler interessant sein, denn das neue Theme muss von Null auf erstellt werden.Create a Clone of "Theme"
Erstellt ein neues Block-Theme mit allen Änderungen in einer ZIP-Datei. Beim Aktivieren der Option erscheint ein Formular für die Theme-Details. Das Duplikat ist quasi wie ein Export mit einem anderen Namen.Create a Child of "Theme"
Child-Themes sind ideal, wenn Sie ein bestehendes Theme anpassen möchten (siehe unten). Das aktive Theme ist das Parent-Theme. Nach der Aktivierung dieser Option erscheint ein Formular für die Theme-Details. Ergebnis ist eine ZIP-Datei, die Sie als Child-Theme installieren können.
Das Plugin Block-Theme erstellen ist besonders nützlich, wenn man Themes mit anderen Websites oder Benutzer:innen austauschen möchte. Die meisten Optionen erstellen komplette Block-Themes, die Sie auf anderen Website installieren oder an andere Benutzer:innen weitergeben, verkaufen oder verschenken können.
Wenn man nur für sich eine einzelne Site erstellt, sind vielleicht das im Folgenden beschriebene Speichern einer neuen Stil-Variation und das Erstellen eines Child-Themes interessant.
Das Plugin Create Block Theme im Website-Editor
Im Website-Editor finden Sie die Optionen rechts oben in der Editorleiste mit einem Klick auf das Schraubenschlüssel-Symbol.
Praktische Beispiele
Zum Abschluss möchte ich Ihnen zwei praktische Beispiele vorstellen.
Gute Idee: Ein Child-Theme erstellen
Ich habe mir inzwischen angewöhnt, genau wie früher bei der Anpassung von klassischen Themes, auch bei Block-Themes gleich am Anfang ein Child-Theme zu erstellen und das dann zu aktivieren und anzupassen.
Ein Child-Theme ist spätestens dann Pflicht, wenn Sie in irgendeiner Form Änderungen an den Theme-Dateien vornehmen (z. B. theme.json oder function.php), da Ihre Änderungen ansonsten bei einem Update des Themes wieder überschrieben werden.
Nach einem Klick auf den Link Create a Child Theme … erhalten Sie das Child-Theme als ZIP-Archiv mit allen benötigten Dateien, die Sie auf dieser oder einer anderen Website als Theme hochladen können. Das aktive Theme wird als Parent-Theme eingetragen und muss auf der Website ebenfalls installiert sein.
Stil-Anpassungen als Stil-Variation speichern
Die Option Eine Stil-Variation erstellen kann nützlich sein, wenn Sie bei den globalen Stilen Anpassungen an der Gestaltung von Typografie, Farben, Layout oder einzelnen Blöcken vorgenommen haben.
Je mehr Änderungen Sie gemacht haben, desto nachteiliger wirdder Befehl Auf Standardeinstellungen zurücksetzen, der ja mit einem Klick alle Anpassungen entfernt.
Mit dem Speichern als Stil-Variante werden die Anpassungen von der Datenbank in die eine Datei im Ordner styles verschoben. Sie werden damit zur Standardeinstellung und bleiben auch nach einem Zurücksetzen der Stile erhalten. Die neue Stil-Variation erscheint im Website-Editor im Bereich Stile.
Fazit: ein praktisches Plugin
Auch für Nicht-Theme-Entwickler bietet das Plugin Block-Themes erstellen nützliche Möglichkeiten, die an einem Block-Theme gemachten Anpassungen aus der Datenbank in die Theme-Dateien zu übertragen.
So kann man zum Beispiel Anpassungen an den globalen Stilen als neue Stil-Variation abspeichern oder ein Child-Theme erstellen.
Schreibe einen Kommentar