Das Plugin Block-Theme erstellen

Anpassungen speichern mit »Block-Theme erstellen«

Geschrieben

in ,

| 4 Kommentare

Veröffentlicht am

|

Aktualisiert am

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

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
Dateien und Unterordner im Theme-Ordner von Twenty Twenty-Four
Dateien und Unterordner im Theme-Ordner von Twenty Twenty-Four

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.
Der Befehl Anpassungen entfernen im Bereich Alle Templates verwalten im Website-Editor
Anpassungen von einem Template entfernen
  • 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.
Der Befehl Anpassungen entfernen im Bereich Alle Template-Teile verwalten im Website-Editor
Anpassungen von einem Template-Teil entfernen
  • Im Bereich Stile für die globale Gestaltung der Website findet man bei den Revisionen den Befehl Auf Standardeinstellungen zurücksetzen.
Der Befehl Auf Standardeinstellungen zurücksetzen im Bereich Stile des Website-Editors

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:

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).

Das Menü für das Plugin Create Block Theme
Die wichtigsten Optionen von Create Block Theme

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 Option Leeres Theme erstellen dü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.

Create Block Theme - Optionen im Website-Editor

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.

Website-Editor - die neue Stil-Variation Orange
Die neue Stil-Variation Orange

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.

Avatar von Peter Müller

Kommentare

4 Antworten zu „Anpassungen speichern mit »Block-Theme erstellen«“

  1. Hallo Peter Müller,

    kann es sein, dass ein Theme-Update bewirkt, dass eine selbst erstellte Stilvariante aus dem Ordner styles des Themes verschwindet?

    Bei einer von erstellten Seite hatte ich eine Stilvariation zu Twenty Twentyfour erstellt und benannt, nachdem ich gestern Theme, Plugins und WordPress auf die jeweils aktuellen Versionen aktualisierte, war die .json-Datei im Ordner styles des Themes veschwunden, ich hatte allerdings ein Backup, das ich manuell wieder aufladen konnte.

    Beste Grüße
    Armin

    1. Ich habe das noch nicht ausprobiert, aber es kann gut sein, dass nicht zum Theme gehörige Dateien bei einem Update entfernt werden. Auf jeden Fall werden geänderte Dateien wieder mit dem Original überschrieben.

      Ich habe mir deshalb inzwischen angewöhnt, genau wie früher bei der Anpassung von klassischen Themes, gleich am Anfang ein Child-Theme zu erstellen und das dann anzupassen, und ich habe das im Beitrag beim Abschnitt zu Child-Themes gerade etwas deutlicher geschrieben.

      Mit einem Child-Theme wird in deinem Fall die JSON-Datei für die Stil-Variante im entsprechenden Ordner des Child-Themes erstellt und bei einem Update nicht mehr überschreiben.

      1. Danke für die Antwort,

        ich werde mir das zu Herzen nehmen. In diesem Fall hatte ich tatsächlich kein Child-Theme verwendet, weil außer Farben nichts Großartiges zu verändern war.
        Auf jeden Fall werde ich es im Auge behalten, ob beim nächsten Update die entsprechende JSON-Datei wieder gelöscht wird, ein lokales Backup habe ich ja.

        Beste Grüße
        Armin

        1. Falls du dran denkst sag doch hier mal kurz Bescheid.

          Ich habe übrigens den Link zu deiner Website geklickt und dort den Beitrag zu Busker 48 gelesen. Sehr schöner Text, und »Du bist uns nur einen Schritt voraus. R.I.P.« ist ein sehr schöner Satz in diesem Zusammenhang. Vielen Dank dafür.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert