WordPress Block-Themes und Full Site Editing + Top 5

Auf meinem Blog habe ich dir schon des Öfteren die unterschiedlichen Arten von Page-Buildern vorgestellt und auch das ein oder andere Mal empfohlen. Als Dienstleister im Bereich von WordPress bin ich ein großer Anhänger dieser Page-Builder, da sie die Verwaltung einer WordPress Website noch einmal deutlich einfacher gestalten.

WordPress Block-Themes sind für den Full Site Editor von WordPress optimiert. Sie ermöglichen die Anpassung von Layout und Design mit Blöcken für jeden Bereich der Website, was eine flexible Gestaltung ohne Codekenntnisse ermöglicht. Das System ist noch neu und deshalb noch nicht vollständig ausgereift.

Doch mit den WordPress Block-Themes hat inzwischen eine ganz neue Kategorie von WordPress-Themes das Licht der Welt erblickt. Eine Revolution im Hinblick auf die Gestaltung und Bedienung des Content-Management-Systems, um ganz genau zu sein. Es geht dabei um die sogenannten WordPress Block Themes.

Sei also gespannt und lerne diese neue Kategorie von WordPress-Themes ein wenig besser kennen. Ich helfe dir dabei und verrate dir alles, was du wissen musst. Außerdem gebe ich dir am Ende noch meine persönliche Empfehlung mit auf den Weg. Danach kannst du deine eigenen Entscheidungen treffen und weißt bereits bestens über das neue System Bescheid. Fangen wir also sofort an.

Die besten WordPress Block-Themes

Als die Blöcke in den Editor von WordPress kamen, sind viele Nutzer regelrecht verzweifelt und ängstlich zum Classic Editor zurückgewechselt. Das verstehe ich zwar, dieser hat jedoch keine Zukunft mehr. Die Page Builder konnten sehr klar aufzeigen, wie populär es ist, WordPress in eine Art Website-Baukasten zu verwandeln. Die nun verfügbaren Block Themes machen im Grunde nichts anderes als die Page Builder, fügen das Feature aber nativ und somit bestmöglich in den WordPress Core mit ein. Sich dagegen zu wehren, hat demnach wirklich keinerlei Zukunft und es ergibt auch einfach keinen Sinn.

Stattdessen solltest du einfach mal eines der Block Themes ausprobieren. Der Schrecken von damals sitzt zwar tief, doch der Block Editor und die Block-Themes sind auch nicht mehr das Gleiche. Vieles ist inzwischen ausgereifter, durchdachter und funktioniert somit deutlich besser als bei der damaligen Einführung. Die Gestaltung einer Website wird somit zu einem Kinderspiel und du kannst Elemente durch das Full Site Editing auf deiner Website jederzeit hin- und herschieben, ganz wie es dir gefällt. Das ermöglicht Designs, die genau zu dir und deinem Business passen.

1. Spectra One

• Funktionen: Full Site Editing, voll kompatibel mit der Spectra Blocksammlung
• Speziell: Fokus auf Performance und Erweiterbarkeit
• Preis: Kostenlos

Spectra One ist ein blockbasiertes WordPress-Theme, das vollständig mit dem neuen Site-Editor kompatibel ist. Dadurch kann der Nutzer Elemente wie Kopfzeilen, Fußzeilen und Seitenleisten einfach per Drag-and-drop zu gestalten.

Es hebt sich von klassischen Themes ab, indem es ausschließlich auf Blöcke für alle Website-Teile setzt, was zu einer schnelleren und effizienteren Ladezeit führt. Mit Spectra One können Benutzer das Aussehen von Blöcken anpassen und es ist optimiert für Geschwindigkeit, da es nur die notwendigen JavaScript- und CSS-Codes lädt.

Zusätzlich ist es kostenlos verfügbar und bietet eine Palette von Funktionen, die speziell für eine reibungslose Benutzererfahrung und eine verbesserte Seitenbearbeitung entwickelt wurden.

Vorteile

• Kompatibilität mit Site-Editor: Spectra One ist vollständig kompatibel mit dem neuen WordPress Site-Editor.
• Performance-Optimierung: Das Theme ist auf Geschwindigkeit und Leistung hin optimiert. Es lädt nur die notwendigen JavaScript- und CSS-Codes.
• Anpassungsfähigkeit: Mit Spectra One können Benutzer das Design der Blöcke mit umfangreichen Stiloptionen anpassen, und es bietet responsive Kontrollen, um Blöcke je nach Gerätetyp ein- oder auszublenden.

Nachteile

• Verlust von spezifischen Funktionen bei Wechsel: Wenn man von einem anderen Theme, wie z.B. Astra, zu Spectra One wechselt, könnten spezifische Funktionen und Einstellungen, die das vorherige Theme bot, verloren gehen, da Spectra One komplett anders aufgebaut ist.

2. Twenty Twenty-Four

• Funktionen: Klassisches Block-Theme, Site-Editor kompatibel, verschiedene Muster und Vorlagen, helle und dunkle Farbvariante
• Speziell: Als Standard WordPress-Theme 2024 konzipiert, vollständig im Site-Editor anpassbar
• Preis: Kostenlos

Mit dem Twenty Twenty-Four WordPress-Theme gibt es einen vielversprechenden Neuzugang in der offiziellen Theme-Familie. Als geplantes Standard-Design für die WordPress-Version 6.4 soll es die Basis für unzählige neue Websites bilden. Das Block-Theme ist vollständig mit dem Site-Editor sowie sämtlichen Gutenberg-Blöcken kompatibel. Auch Designanpassungen sind im Live-Modus möglich.

Das Konzept des Twenty Twenty-Four Themes besteht aus einer Sammlung von Vorlagen und Mustern, die zusammen ein Theme ergeben. Diese Muster umfassen verschiedene Startseiten-Vorlagen für unterschiedliche Nutzungsfälle, wie etwa eine Über-Seite, Projektübersichten, RSVPs und Landeseiten.

Die Stile und Elemente von Twenty Twenty-Four sind sofort erkennbar und von modernen Designtrends inspiriert. Als Schriftart für Überschriften wird Cardo verwendet, die einen Hauch von Eleganz verleiht, während für Absätze eine serifenlose Systemschriftart verwendet wird. Die Standardfarbpalette ist hell, und es gibt auch eine dunkle Stilvariante, die dieselbe Typografie beibehält. Zusätzlich sind zwei weitere serifenlose Varianten verfügbar: eine im hellen Modus und eine im dunklen Modus.

Vorteile

• Aktuelle Standard-Theme, welches die Kernvision von WordPress repräsentiert
• Vollständig integriert mit dem neuen Site-Editor und bietet eine Vielzahl von Vorlagen und Mustern (Pattern)

Nachteile

• Standard-Themes bekommen keine neuen Funktionen hinzu.

3. eStory

• Funktionen: Gutenberg Block-Theme, schnelle Ladezeiten, SEO optimiert, 25+ Blockvorlagen, 3 Starter-Websites
• Speziell: Ideal für alle Arten von Blogs, reich an Anpassungsoptionen durch den Gutenberg-Editor
• Preis: Kostenlos und Pro ab $59.00

Wenn du auf der Suche nach einem modernen Block-Theme für deinen WordPress Blog bist, solltest du dir unbedingt eStory von ThemeGrill anschauen. Dieses Theme wurde speziell für das Blogging entwickelt und deckt eine Vielzahl von Blog-Nischen ab, darunter Reisen, Lifestyle, Gesundheit, Finanzen, Essen und viele andere.

eStory ist vollständig kompatibel mit dem Gutenberg-Editor und bietet über 25 vorgefertigte Blockmuster, um deine Inhalte auf einfache Weise zu präsentieren. Außerdem gibt es 3 Starter-Websites, die dir den Einstieg erleichtern. Das Theme ist benutzerfreundlich und erlaubt eine vollständige Seitengestaltung per Drag-and-drop. Auch Kopf- und Fußzeilen können individuell gestaltet werden.

Das Theme legt großen Wert auf Geschwindigkeit, mit Ladezeiten von unter einer Sekunde. Es ist auch suchmaschinenoptimiert und hilft dir dabei, in den Suchergebnissen gut platziert zu werden. Mit über 10 vorgefertigten Vorlagen und der Möglichkeit, Starter-Demos zu importieren, ist die Einrichtung und Anpassung von eStory ein Kinderspiel.

Vorteile

• Spezialisiert auf Blogs, ideal für verschiedene Nischen
• Kompatibel mit dem Gutenberg-Editor, mit vorgefertigten Blockmustern für eine ansprechende Präsentation deiner Inhalte

Nachteile

• Einige erweiterte Funktionen sind möglicherweise nicht verfügbar, da der Fokus auf dem Blogging liegt

4. YITH Wonder

• Funktionen: Blockbasiertes Design, Full Site Editing, umfangreiche Vorlagen und Blockmuster, WooCommerce und YITH Plugin-Integration
• Speziell: Ideal für Online-Shops und Unternehmenswebsites, benutzerfreundliche Anpassungsmöglichkeiten ohne Code
• Preis: Kostenlos

Wenn du ein vielseitiges und zugleich kostenloses Theme für deinen WordPress Online-Shop suchst, ist YITH Wonder definitiv einen Blick wert. Dieses blockbasierte Theme wurde speziell für WooCommerce entwickelt und besticht durch sein modernes und sauberes Design.

Mit der Full Site Editing-Funktion hast du die volle Kontrolle über das Aussehen deiner Website, ganz ohne Programmierung. YITH Wonder bietet eine Vielzahl an Vorlagen und Blockmustern, um den Aufbau deiner Seite zu erleichtern. Von vollständig anpassbaren Header-Vorlagen bis zu vorgefertigten Startseiten, du kannst sie mit nur einem Klick importieren und nach Belieben anpassen.

Das Theme enthält auch zusätzliche Seiten-Vorlagen, um den Aufbau deiner Website zu erleichtern. Von einer Über uns-Seite, auf der du mehr über dein Unternehmen erzählen kannst, hin zu einer Kontaktseite mit einem benutzerfreundlichen Kontaktformular und Links zu deinen sozialen Netzwerken, bietet YITH Wonder alle wichtigen Seiten, die deine Website benötigt.

Vorteile

• Kostenlose WordPress- und WooCommerce-Theme-Option mit umfangreichen Funktionen und Integrationen
• Benutzerfreundliche Full Site Editing-Funktion und breite Palette an vorgefertigten Vorlagen für eine einfache Anpassung

Nachteile

• Als kostenloses Theme kann der Support möglicherweise begrenzt sein

5. Neve FSE

• Funktionen: Performance-optimiert, globale Stile, FSE-Vorlagen, responsives Design
• Speziell: Erweiterung des Neve-Themes für Full-Site Editing in WordPress
• Preis: Kostenlos

Neve FSE ist das perfekte Theme, um das volle Potenzial des neuen WordPress Block Editors und Full Site Editings auszuschöpfen. Es erweitert das bereits populäre Neve-Theme um vollständig anpassbare FSE-Vorlagen für Header, Footer und verschiedene Seitentypen. Das WordPress Team arbeitet eng mit den Entwicklern von Neve zusammen, um sicherzustellen, dass dieses Theme zukunftssicher ist und alle neuen Funktionen von WordPress bestmöglich unterstützt.

Außerdem bietet Neve FSE globale Stile, mit denen du im Handumdrehen das Farbschema und die Typografie deiner gesamten Website ändern kannst. Das Theme ist blitzschnell geladen, vollständig responsiv und legt großen Wert auf sauberen Code und optimierte Performance.

Vorteile

• Nahtlose Integration mit Full Site Editing und dem WordPress Block Editor
• Hohe Anpassbarkeit dank globaler Stile und umfangreicher FSE-Vorlagen für alle wichtigen Seitenelemente
• Beibehaltung der Geschwindigkeit und Performance, für die Neve bekannt ist

Nachteile

• Im Vergleich zu anderen Themes sind die Designoptionen möglicherweise etwas begrenzter

Was sind WordPress Block-Themes?

Bei den WordPress Block Themes handelt es sich um sogenannte Full Site Editing Themes oder auch FSE Themes. Damit ist wiederum die neuste Generation von WordPress-Themes gemeint, die ausschließlich auf Blöcken basiert und sich daher, wie schon bei den bekannten Page Builder, kinderleicht und mit nur wenigen Klicks besonders frei editieren lässt. Von diesem Ursprung stammt dann auch der Name der Full Site Editing Themes, welcher im Grunde nur noch einmal verdeutlicht, dass die gesamte Website entsprechend editiert werden kann. Also nicht mehr nur ein Teil von ihr, wie zuvor die Beiträge und Seiten mittels Block Editor.

Die globale Konfigurationsdatei nennt sich theme.json.

Auch in 2024 sind Block-Themes bisher nicht richtig angekommen. Es gibt noch keine große Auswahl an kompatiblen Themes.

Viele Entwickler raten auch noch davon ab, jetzt schon ein FSE-Theme für eine produktive Website einzusetzen. Dem kann ich mich nur anschließen!

Full Site Editing ist dabei ein neues Feature von WordPress selbst, welches es Themes erlaubt, die gesamte Website inklusive Header, Footer und allen anderen Bereichen vollständig zu bearbeiten. Das Besondere daran ist, dass du dafür einen visuellen Editor verwenden darfst. Das funktioniert dann ähnlich wie bei den bisher genutzten Page-Buildern, die an Popularität gewannen, weil sie genau diese ganzheitliche Bearbeitung einer Website überhaupt erst möglich machten.

Statt mit dem Block Editor von WordPress also lediglich die Beiträge und Seiten anpassen zu können, wird dieser im Zuge des Full Site Editings für alle Bereiche deiner WordPress Website freigeschaltet. Genau so, wie du bislang also deine Artikel mit den unterschiedlichen Blöcken erstellt hast, kannst du nun auch deine gesamte Website erschaffen und frei nach deinen Wünschen mit individuellen Blöcken anpassen.

Warum sind Block-Themes so genial?

In erster Linie deshalb, weil sie die Funktion von Page-Buildern weitgehend obsolet erscheinen lassen. Zwar sind Page Builder oft noch einmal deutlich mächtiger, doch gibt es inzwischen auch viele WordPress-Plugins, die neue Blöcke hinzufügen und infolgedessen das hauseigene Full Site Editing von WordPress selbst umfangreicher erscheinen lassen.

Im direkten Vergleich mit den traditionellen WordPress-Themes ist es primär die einfache Anpassung, die Block Themes so genial erscheinen lässt. Das ganze System ist in WordPress zudem nativ integriert und damit entsprechend zukunftssicher. Während du bestimmt schon mehr als einen Page-Builder erlebt hast, der aufgrund von mangelndem Interesse eingestellt wurde, wird das bei den Block Themes nicht passieren. Es ist ein System, welches von WordPress selbst stammt und dementsprechend gekommen ist, um zu bleiben.

Damit setzt du, statt auf ein externes Plugin mit zusätzlichen Kosten und notwendigen Updates, auf ein Core Feature von WordPress. Du bleibst also unabhängig von externen Erweiterungen und kannst deine WordPress Website über die Block-Themes dennoch weitgehend frei gestalten, wie es auch bei einem Page-Builder der Fall wäre. Zu guter Letzt sind Page Builder oft auch gigantische Systeme, die erst integriert werden müssen und damit die Performance negativ beeinträchtigen. Block Themes hingegen nutzten mit FSE eine Funktion von WordPress selbst und haben somit keinen allzu negativen Impact auf die Performance deines Blogs.

Worauf muss ich bei Block Themes achten?

Damit du deine gesamte WordPress Website mit einem Block Theme und den Blöcken bearbeiten kannst, muss diese natürlich entsprechend kompatibel sein. WordPress selbst sollte in der neusten Version installiert werden, damit das Full Site Editing auch wie erwartet funktioniert. Außerdem solltest du die Begrifflichkeiten beachten. Bei einem „block-ready“ Theme handelt es sich lediglich um ein WordPress-Theme, welches die Blöcke für Seiten und Beiträge unterstützt. Ein Block Theme hingegen besitzt Support für Blöcke im Design selbst, unterstützt also auch das erwähnte Full Site Editing.

Neben den Premium Themes, die es bei externen Anbietern gibt, hat auch WordPress im offiziellen Plugin-Verzeichnis entsprechende Block Themes gelistet. Da du dort jedoch auch unzählige andere WordPress-Themes findest, gilt es darauf zu achten, dass du auch wirklich ein WordPress Block Theme auswählst und keines der gewöhnlichen Themes oder der block-ready Designs herunterlädst. WordPress hat daher eine eigene Kategorie für die neuen Block-Themes eingerichtet und der Tag „Full Site Editing“ gibt ebenfalls Hinweise darauf, welche Features das entsprechende Theme genau unterstützt.

Wie bei den Premium Themes üblich, sind aber auch viele der hochwertigen Block-Themes nicht im Theme-Verzeichnis selbst gelistet, sondern nur über Drittanbieter erhältlich. Diese haben zum großen Teil auch bereits umgestellt und bieten nur noch entsprechende Block Themes an.

Eine Empfehlung ist da immer Elmastudio, da sie stets aktuell und gut gepflegt auftreten. Auf Plattformen wie Envato musst du aber derzeit noch aufpassen, da es dort eben viel mehr gewöhnliche Themes als Block Themes gibt.

Tipps und Tricks für die Verwendung von Block Themes

Block Themes für WordPress basieren auf der Gestaltung über Blöcke. Diese vereinfacht es, die Bereiche im Design frei und an beliebiger Stelle anzuordnen. Idealerweise liefert das Theme dabei sogar schon Vorlagen, sogenannte Block Patterns. Diese Muster sind im Grunde bereits fertig designte Websites, die du via Block Pattern genau so übernehmen kannst. Auf diese Weise bekommst du das in der Live-Vorschau gesehene Design auch bei dir im WordPress Blog genau so umgesetzt, wie du es dir vorab vorgestellt hast.

Manche WordPress Block Themes setzten, wie Page Builder, auf deutlich erweiterte Funktionen und somit Blöcke, die WordPress von Haus aus gar nicht mitliefert. Hierfür ist dann ein spezielles Plugin notwendig. Meine Empfehlung wäre, dass du, gerade dann, wenn du noch neu im Bereich der Block-Themes bist, erst einmal ein rudimentäres Theme ausprobierst. Der Vorteil ist dann, dass du jederzeit wechseln kannst, da die Standardblöcke von WordPress überall verfügbar sind. Bindest du dich aber an ein Block Theme mit erweiterten Blöcken via Plugin, fällt der Wechsel später wieder schwer, da dann die Funktionen der Erweiterung komplett fehlen würden. Auf der anderen Seite sind die so hinzugefügten Blöcke aber zugleich auch mit weiteren Themes kompatibel. Das ist schließlich der Vorteil der gesamten Block-Mechanik. Unterstützt ein Theme die Blöcke, unterstützt es auch neue Blöcke, die sich schnell und einfach hinzufügen lassen.

Als letzter Tipp für deinen Einstieg in die Welt der WordPress Block-Themes sei noch einmal gesagt: Weniger ist mehr. Gerade wenn du von einem WordPress Page Builder kommst, bist du es gewohnt, viele Funktionen einfach und schnell hinzuzufügen, ohne dabei Rücksicht auf die Performance zu nehmen. Die Blöcke können ebenso einen starken Einfluss auf die Leistung deiner Website haben. Überlade deinen WordPress Blog daher nicht ohne Überlegung, sondern denke darüber nach, wie sich die Blöcke sinnvoll kombinieren und anpassen lassen, um das gewünschte Design für deine WordPress Website zu realisieren.

FAQ

Fazit

WordPress Block-Themes sind eine moderne und benutzerfreundliche Lösung für Blogger, die Wert auf individuelles Design legen. Sie bieten eine Vielzahl an anpassbaren Blöcken und Styling-Optionen, ohne dass umfangreiche Programmierkenntnisse erforderlich sind. Bei der Auswahl eines Block-Themes ist es wichtig, auf Responsivität, Performance und SEO-Optimierung zu achten. Mit der richtigen Kombination aus ansprechendem Design und qualitativ hochwertigen Inhalten kannst du deinen Blog erfolgreich positionieren.