Das Plugin Create Block Theme aka Block-Theme erstellen im Plugin-Verzeichnis von WordPress

Twenty Twenty-Three: Block-Theme erstellen

Im achten und letzten Teil der Reihe zeige ich Ihnen das Plugin »Block-Theme erstellen«, mit dem Sie Twenty Twenty-Three inklusive aller im Website-Editor gemachten Anpassungen als eigenes Block-Theme speichern können.

Außerdem können Sie das fertige Theme »Peter’s Twenty Twenty-Three« als ZIP-Datei herunterladen, in einem anderen WordPress installieren und als Basis für eigene Experimente nutzen.

Inhaltsverzeichnis

Das Video zum Beitrag

In sechs Minuten zeige ich Ihnen im Video das Plugin Block-Theme erstellen und erstelle damit ein neues Block-Theme, das auf Twenty Twenty-Three basiert und alle in dieser Video-Reihe gemachten Änderungen enthält

Klicken Sie auf diesen Platzhalter, um das Video von YouTube anzuzeigen.
Erfahre mehr in der Datenschutzerklärung von YouTube.

Das Plugin »Block-Theme erstellen«

Das Plugin »Block-Theme erstellen«

Das Plugin Block-Theme erstellen heißt im englischen Original Create Block Theme und ist im Plugin-Verzeichnis von WordPress zu finden:

Das Intro zu Block-Theme erstellen im Plugin-Verzeichnis von WordPress
»Block-Theme erstellen« im Plugin-Verzeichnis

Das Plugin dient in erster Linie zum Erstellen von Block-Themes und bietet dabei diverse Optionen, die Sie im nächsten Abschnitt kennenlernen.

Quasi als Bonus gibt es im Plugin die Möglichkeit, für das jeweils aktive Block-Theme zusätzliche Schriftarten zu installieren. Diese Funktionalität wird in WordPress 6.3 wahrscheinlich im Website-Editor selbst enthalten sein, und ich gehe in diesem Beitrag nicht weiter darauf ein.

Die Optionen beim Erstellen eines Block-Themes

Nach Installation und Aktivierung des Plugins gibt es im Menü Design die Unterpunkte Block-Theme erstellen und Theme-Schriften verwalten.

Nach einem Klick auf Block-Theme erstellen sehen Sie die Optionen, die das Plugin beim Erstellen von Block-Themes bietet.

WordPress - Backend - die Optionen des Plugins Block-Theme erstellen
Das Plugin Block-Theme erstellen im Backend

Bei den Optionen wird der Name des aktiven Themes angezeigt, und im Beispiel ist das Twenty Twenty-Three. Wenn ein anderes Theme aktiv sein sollte, würde hier ein anderer Theme-Name stehen.

Mehr über die Anwendungsmöglichkeiten der verschiedenen Optionen erfahren Sie zum Beispiel …

Ich möchte Ihnen jetzt die Option Twenty Twenty-Three duplizieren vorstellen, denn das ist der ideale Kandidat, um das aktive Theme inklusive aller Änderungen unter einem neuen Namen zu speichern. Wie das geht, sehen Sie im nächsten Abschnitt.

Twenty Twenty-Three mit Anpassungen als neues Block-Theme speichern

So speichern Sie das aktive Block-Theme Twenty Twenty-Three mit allen im Website-Editor gemachten Änderungen als eigenes Block-Theme:

  1. Aktivieren Sie die Option Twenty Twenty-Three duplizieren.
  2. Der Name des Themes ist die einzige Pflichtangabe. Der Theme-Name wird bei der Installation des Themes in WordPress als Verzeichnisname genutzt.
  3. Die Beschreibung des Themes ist optional, aber hier können Sie ein paar zusätzliche Informationen eingeben.
  4. Falls es eine Webadresse mit zusätzlichen Infos zum Theme gibt, tragen Sie diese in Theme-URI ein. Die Kürzel URI und URL bedeuten in diesem Zusammenhang dasselbe.
  5. In das Feld Autor kommt der Name des Autoren.
  6. Das Feld URI des Autors enthält die URL zur Website des Autoren.
  7. Im Feld Screenshot wählen Sie PNG-Datei, die im Backend im Menü Design > Themes als Abbildung für das Theme genutzt wird.
  8. Kreuzen Sie darunter die zutreffenden Theme-Schlagwörter an.
  9. Wenn alles fertig ist, klicken Sie auf den Button Erstellen.
Das Plugin Block-Theme erstellen in Aktion
Block-Theme erstellen in Aktion

Das Plugin erstellt ein ZIP-Archiv mit allen benötigten Dateien, das Sie irgendwo auf Ihrer Festplatte speichern können.

Die ZIP-Datei können Sie dann in jedem WordPress (ab V6.2) installieren. Einfach im Menü Design > Themes auf den Button Theme hinzufügen klicken.

Das fertige Theme zum Download

Mit dem folgenden Link können Sie das im Laufe der Reihe entstandene Block-Theme »Peter’s Twenty Twenty-Three« herunterladen:

Dieses Theme entstand während der Video-Reihe „Twenty Twenty-Three anpassen„. Es basiert auf dem Standard-Theme Twenty Twenty-Three und enthält alle Änderungen, die in der Video-Reihe gezeigt werden.

Denken Sie dran: Sie laden nicht die gesamte Website herunter, sondern nur das Theme. Sie müssen nach der Aktivierung des Themes also eventuell ein Website-Logo einbinden und dem Navigationsblock vorhandene Menüs zuweisen.

Falls Sie auf Basis des Themes eine Website erstellen sollten, würde ich mich über einen Link zu Ihrer Website unten in den Kommentaren freuen.

Vielen Dank fürs Lesen und Anschauen, und ich wünsche Ihnen viel Spaß mit Twenty Twenty-Three (oder einem anderen Block-Theme).

Beiträge zu Twenty Twenty-Three

Übersicht: Die Video-Reihe »TT3 anpassen«

Die Reihe besteht aus folgenden Beiträgen:

  1. Einführung und Übungswebsite
  2. Den Website-Editor kennenlernen
  3. Die Navigation bearbeiten
  4. Stile – die Website gestalten
  5. Das Farbschema ändern
  6. Templates kennenlernen
  7. Die Beitragsseite ändern
  8. Block-Theme erstellen

Die Beiträge enthalten jeweils ein Video und eine ausführliche Beschreibung.

Am besten Beitrag lesen und Video anschauen, denn die beiden sind nicht immer identisch.

Avatar von Peter Müller

Kommentare

Schreibe einen Kommentar

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