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 Video zeigt eine etwas ältere Version des Plugins. Die Benutzeroberfläche wurde im Frühjahr 2024 komplett überarbeitet (siehe Screenshots weiter unten im Beitrag).

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:

Inzwischen gibt es dort einen Button Live-Vorschau, mit dem Sie das Plugin in einem WordPress-Playground ohne Installation sofort ausprobieren können.

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

Das Plugin dient zum Erstellen von Block-Themes und ist gedacht zur Entwicklung oder Anpassung von Block-Themes, also während der Entwicklung einer Website und nicht auf dem Live-Server. Nach der Freischaltung der Website können Sie das Plugin wieder entfernen.

Die Optionen beim Erstellen eines Block-Themes

Nach Installation und Aktivierung des Plugins gibt es im Menü Design den Unterpunkt Block-Theme erstellen. Die Benutzeroberfläche des Plugins wurde im Frühjahr 2024 komplett verändert. Die meisten Optionen finden Sie jetzt im Website-Editor selbst.

Das Menü für das Plugin Create Block Theme

Im Website-Editor finden Sie die Optionen des Plugins rechts oben in der Editorleiste mit einem Klick auf das Schraubenschlüssel-Symbol.

Create Block Theme - Optionen im Website-Editor

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

Ich möchte Ihnen jetzt die Option Create a Clone vorstellen, mit dem Sie ein Block-Theme duplizieren können, 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 Create a Clone of "Twenty Twenty-Three".
  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.

In der alten Benutzeroberfläche sehen diese Optionen so aus wie in der folgenden Abbildung.

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