Kategorie für benutzerdefinierte Block Patterns in WordPress mit dem Block-Editor (Gutenberg)

Block Themes – eine Einführung mit praktischen Beispielen

Beitragsdatum:

Letztes Update am:

Autor:

hgg

Kategorien: ,

Thema „Block Themes – eine Einführung am Beispiel eines aktuellen Standardthemes wie z. B. Twenty Twenty-Four“.

In diesem Beitrag sind jede Menge zusätzliche Informationen im Zusammenhang mit Vorträgen zum Thema „Block Themes – eine Einführung“, die ich bei diversen WordPress Meetups gehalten habe.

Was sind Block Themes?

Block Themes in WordPress nutzen einen vollständig blockbasierten Ansatz für die Gestaltung von Websites. Dies betrifft auch die Handhabung von Templates, Seiten und Beiträgen.

Templates sind vordefinierte Layouts, die das grundlegende Design und die Struktur einer Seite oder eines Beitrags festlegen. In Block Themes werden Templates vollständig aus Blöcken aufgebaut. Sie können im Website-Editor bearbeitet und angepasst werden, ohne Code zu schreiben.

Seiten sind statische Inhalte, die nicht chronologisch geordnet sind. In Block Themes werden Seiten mit dem Block Editor erstellt und können individuelle Layouts haben. Sie können entweder ein vorhandenes (evtl. angepasstes) oder ein neu erstelltes, individuelles Template verwenden.

Beiträge sind chronologisch geordnete Inhalte, typischerweise für Blogs oder Neuigkeiten. Wie Seiten werden sie mit dem Block Editor erstellt. In Block Themes können Beiträge ebenfalls individuell gestaltet werden, folgen aber oft einem einheitlichen Template, um Konsistenz zu gewährleisten. Auch dieses Template kann angepasst werden.

Daneben gibt es Templates z. B. für Archive (Sammlung der Beiträge – entweder zu einer Kategorie oder für alle Beiträge), für eine 404 Seite, die verwendet wird, wenn eine Seite nicht gefunden wurde, ein Template für die Suche, etc.

Block Themes sind im Vergleich zu klassischen Themes unglaublich flexibel: Alle Elemente – von globalen Templates bis zu einzelnen Seiten und Beiträgen – können visuell und ohne Codekenntnisse angepasst werden.

Achtung-Symbol

Achtung

Wichtig:

  • Bei klassischen Themes wird die Gestaltung in der Regel je nach Theme mehr oder weniger umfangreich über die Einstellungen bei Design > Customizer vorgenommen.
  • Der Content (Inhalt) wird bei Seiten und Beiträgen eingegeben.
  • Die Gestaltung des Contents erfolgt über das verwendete Theme.
  • Die Seiten- und Beitragserstellung ist komplett identisch bei klassischen Themes und Block Themes.
  • Bei Block Themes erstellt oder wählt man allerdings ein Template, mit dem die Inhalte einer Seite oder eines Beitrags dargestellt werden. Man kann ein Template über den Website-Editor anpassen.

Ablauf zum Meetup

Im Rahmen einer Einführung wird das Standardtheme Twenty Twenty-Four oder Twenty Twenty-Five vorgestellt und gezeigt, wie man eine WordPress-Instanz als Website z. B. für einen Verein oder einen kleinen Handwerksbetrieb anpassen kann.
Nach der Einführung werden live auf einer Testinstanz Templates und Template-Teile individuell angepasst oder neu erstellt.

Bei Interesse kann ich ggfs. den Vortrag gerne auch bei eurem Meetup halten. Das wird wohl in den meisten Fällen leider eher nur online möglich sein. Kontakt über Slack, Mastodon oder oldschool per Telefon oder Mail 😉

Im deutschsprachigen WordPress-Forum stellen wir immer wieder fest, welche Schwierigkeiten User mit der Anpassung eines Block Themes wie Twenty Twenty-Four haben, weil sich mit der Einführung von Block Themes die Art und Weise, wie WordPress-Websites gestaltet und verwaltet werden, grundlegend verändert hat.

Block Themes bestehen aus modularen Blöcken, die User per Drag-and-Drop anpassen können. Standard-Themes wie Twenty Twenty-Four oder Twenty Twenty-Five nutzen wie jedes Block Theme den Block-Editor (Gutenberg), um eine flexible und benutzerfreundliche Anpassung einer WordPress-Instanz zu ermöglichen, ohne dass tiefgehende Programmierkenntnisse erforderlich sind.
Diese hohe Flexibilität im Vergleich zu klassischen Themes wie Astra, OceanWP oder GeneratePress macht auch die Stärke der Block Themes wie Twenty Twenty-Four aus.
Bei diesem Vortrag werde ich an einem Beispiel eines Standardthemes wie z. B. Twenty Twenty-Five zeigen, wie man eine WordPress-Instanz bei einem Block Theme anpassen kann.
Zunächst erfolgt eine Einführung in das Standardtheme. Anschließend werden live auf einer Testinstanz Templates individuell angepasst oder neu erstellt.
Sollte es zeitlich möglich sein, schauen wir uns verschiedene andere Block Themes kurz an.

WordPress.org: @hage
Slack: @hgg
Mastodon: https://wp-social.net/@hgg
LinkedIn: https://www.linkedin.com/in/hans-gerd-gerhards-2b0814170/
Profil WordPress: https://profiles.wordpress.org/hage/
Newsletter: https://haurand.com/haurand-com-newsletter/
Mail: gerhards@haurand.com

Bücher

Damit kein Missverständnis entsteht:
Ich erhalte keinerlei Provisionen vom Rheinwerk Verlag. 🙂
Aber die hier genannten Autoren sind in der Community bekannt, während mir die Autoren von anderen Büchern leider nicht bekannt sind. Ich möchte ausdrücklich darauf hinweisen, dass es sich um eine persönliche Meinung handelt und ich nichts zur Qualität anderer Bücher zu WordPress sagen kann.

Schreibe einen Kommentar

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