Wenn du daran interessiert bist, den neuen WordPress-Site-Editor für deine nächste WordPress-Website zu nutzen, ist dieser Beitrag genau das Richtige für dich.

Im Folgenden findest du unsere Auswahl der 12 besten WordPress-Block-Themes, die alle echte Block-Themes sind und den neuen WordPress-Site-Editor nutzen.

Das Beste daran ist, dass fast alle diese Themes kostenlos sind, was bedeutet, dass du deine Website mit Blöcken erstellen kannst, ohne die Bank zu sprengen.

Wir stellen dir nicht nur die besten Block-Themes vor, sondern geben dir auch weitere Informationen, z. B. wie du den Unterschied zwischen Block-Themes und klassischen Themes erkennst und wie du mit deinem ersten Block-Theme startest.

Lass uns loslegen..

Was ist ein WordPress-Block-Theme?

Ein WordPress-Block-Theme nutzt den neuen WordPress-Site-Editor, mit dem du jeden Teil deiner Website mithilfe von Blöcken anpassen kannst.

Mit einem Block-Theme kannst du die Oberfläche des Block-Editors (auch bekannt als „Gutenberg“) für mehr als nur den Inhalt eines Beitrags oder einer Seite verwenden, wie es üblicherweise bei „normalen“ WordPress-Themes der Fall ist. Mit dem Site-Editor kannst du bestimmen, wie jeder einzelne Teil deiner Website aussieht, z. B. die Kopfzeile, die Navigationsmenüs, die Fußzeile, das Layout der Blogeinträge, das Layout der Inhalte und vieles mehr.

Etwas technischer ausgedrückt: Du kannst Blöcke verwenden, um die Vorlagen und Vorlagenteile deines Themes zu gestalten.

Ein Beispiel für den WordPress-Site-Editor mit dem Raft-Theme
Ein Beispiel für den WordPress Site Editor

Manchmal werden WordPress-Block-Themes auch als Full-Site-Editing-Themes oder kurz FSE-Themes bezeichnet. WordPress ist jedoch davon abgerückt, das Konzept Full-Site-Editing zu nennen, so dass dieser Begriff nicht mehr so beliebt ist wie früher (und er wird wahrscheinlich im Laufe der Zeit weiter an Beliebtheit verlieren).

WordPress-Block-Themes vs. klassische Themes

Als klassische WordPress-Themes werden WordPress-Themes bezeichnet, die den neuen Site Editor nicht nutzen. Derzeit verwenden die meisten beliebten WordPress-Themes immer noch den klassischen Ansatz, und klassische Themes machen die große Mehrheit der WordPress-Themes aus.

Auf WordPress.org gibt es zum Beispiel über 12.000 Themes, aber nur etwa 900 davon sind Block-Themes. Der Rest sind klassische Themes.

Einige bekannte klassische Themes sind Astra, GeneratePress, Kadence, OceanWP, Divi, Neve, Blocksy, etc.

Klassische Themes verwenden zwar auch den Block-Editor als Editor für den Inhalt von Beiträgen und Seiten (es sei denn, du deaktivierst ihn), aber sie verwenden keine Blöcke, um das Design deiner Theme-Vorlagen zu steuern, z. B. den Header, den Footer, das Navigationsmenü und so weiter.

Stattdessen verwenden viele klassische Themes die WordPress Customizer-Oberfläche, die in etwa so aussieht:

Ein Beispiel für ein klassisches WordPress-Theme, das das Astra-Theme verwendet
Ein Beispiel für ein klassisches WordPress-Theme

Einige klassische Themes verwenden auch eigene Bereiche für benutzerdefinierte Theme-Einstellungen.

So erkennst du, ob ein WordPress-Theme ein Block-Theme ist

Am einfachsten kannst du feststellen, ob du ein Block-Theme oder ein klassisches Theme verwendest, indem du nachschaust, ob dein Theme den Site Editor unterstützt.

Wenn du ein Block-Theme verwendest, solltest du in deinem WordPress-Dashboard unter der Registerkarte Erscheinungsbild eine Editor-Option finden.

So erkennst du anhand des Menüs „Erscheinungsbild“, ob es sich bei einem Theme um ein Blocktheme handelt
So erkennst du, ob ein Theme ein Block-Theme ist

Wenn du ein klassisches Theme verwendest, siehst du die Editor-Option nicht unter dem Reiter Erscheinungsbild. Stattdessen siehst du nur Optionen wie Anpassen, Widgets, Menü, Themedateieditor und so weiter.

Die 12 besten WordPress-Block-Themes im Vergleich

Kommen wir nun zu unserer Auswahl der 12 besten WordPress-Block-Themes.

Sie sind nicht in einer bestimmten Reihenfolge aufgelistet, und wir empfehlen dir, die gesamte Liste durchzulesen, denn alle 12 Themes sind hochwertige Optionen.

1. Ollie

Die Ollie WordPress Theme Demo
Die Ollie WordPress Theme Demo

Ollie ist ein flexibles WordPress-Block-Theme von Mike McAlister und Patrick Posner. Mike ist ein angesehener WordPress-Entwickler, der schon lange im Theme-Bereich tätig ist und zuvor den Array Themes Shop entwickelt hat.

Ollie ist ein Mehrzweck-Theme, das du auf viele verschiedene Arten nutzen kannst, aber die meisten Muster sind darauf ausgerichtet, dir bei der Erstellung einer geschäftlichen Website oder eines persönlichen Portfolios zu helfen. Aus diesem Grund ist es wahrscheinlich am besten für diese Bereiche geeignet.

Wenn du Ollie Pro kaufst, erhältst du Zugang zu Mustern für drei verschiedene Website-Designs:

  • Creator – für Autoren, Podcaster, Videoproduzenten und „Vorreiter“.
  • Startup – für Unternehmenswebsites.
  • Studio – für Designstudios und Kreativagenturen.

Hauptmerkmale:

  • Ein benutzerdefiniertes Onboarding-Erlebnis, das die Einrichtung deiner Website wirklich einfach macht. Allerdings musst du das Ollie Dash Plugin von GitHub installieren, da der Entwickler nach einigem Hin und Her das Onboarding-System aus dem Theme entfernen musste.
  • 10+ verschiedene Stilvariationen und ein vollständig anpassbares Designsystem über die Funktion Global Styles.
  • 66+ Blockmuster in der kostenlosen Version.
  • Mehrere Muster für wichtige Vorlagenteile, darunter 6+ Header-Muster, 6+ Footer-Muster, 4+ Postlisting-Layouts (einschließlich einer schönen Kartenoption) und 7+ Einzelseitenvorlagen.
  • Ollie Pro fügt eine cloudbasierte Musterbibliothek hinzu, die Hunderte von Mustern für verschiedene Website-Designs enthält, darunter Creator-, Startup- und Studio-Designs.

Preis: Kostenlos und erhältlich auf WordPress.org. Ollie Pro beginnt bei 69$ und bietet Hunderte von zusätzlichen Layouts, aber das Kerntheme ist kostenlos.

2. Spectra One

Die Demo des Spectra One WordPress Themes
Die Demo des Spectra One WordPress Themes

Spectra One ist ein WordPress-Block-Theme von Brainstorm Force, demselben Entwickler wie das äußerst beliebte Astra WordPress-Theme.

Obwohl Spectra One ein Mehrzweck-Theme ist, sind die meisten seiner Muster darauf ausgerichtet, dir bei der Erstellung einer Geschäfts- oder Portfolio-Website zu helfen. Daher bekommst du das Beste für dein Geld, wenn du in diesen Bereichen tätig bist. Du findest hier zum Beispiel Vorlagen für Preistabellen, Listen von Teammitgliedern und so weiter.

Spectra One ist so konzipiert, dass es mit dem Spectra-Plugin des Entwicklers zusammenarbeitet, das den Block-Editor um eine Reihe neuer Blöcke und Funktionen erweitert. Du bist jedoch nicht gezwungen, das Plugin zu verwenden, wenn du das nicht möchtest.

Hauptmerkmale:

  • Enge Integration mit dem Spectra-Plugin des Entwicklers, das den Blockeditor um eine Reihe von Erweiterungen ergänzt. Dazu gehören neue Blöcke, Muster und Designoptionen sowie andere nützliche Funktionen wie die Möglichkeit, eigene Typografie hochzuladen.
  • 9+ verschiedene Stilvarianten.
  • 80+ mitgelieferte Muster, einschließlich ganzseitiger Layouts und Muster für Seitenteile.
  • Jede Menge Muster für Vorlagenteile, darunter 8+ Kopfzeilenmuster, 5+ Fußzeilenmuster und 4+ Seitenvorlagenmuster.

Preis: Kostenlos bei WordPress.org. Es gibt eine Premium-Version des Spectra-Plugins, die ab 49$ beginnt und die du vielleicht haben möchtest, wenn du Spectra One verwendest. Das Block-Theme selbst ist jedoch derzeit zu 100% kostenlos.

3. Frost

Die Demo des WordPress-Themes Frost
Die Demo des WordPress-Themes Frost

Frost ist ein WordPress-Block-Theme, das von Brian Gardener entwickelt wurde. Falls du Brian noch nicht kennst: Er war der Gründer von StudioPress, dem Unternehmen, das hinter dem beliebten Genesis Framework für klassische Themes steht.

Frost wirbt nicht damit, dass es für eine bestimmte Nische gedacht ist, aber die vorgefertigten Muster eignen sich wahrscheinlich am besten für eine Unternehmenswebsite oder ein persönliches Portfolio. Die Designs sind jedoch ziemlich vielseitig, so dass du sie auch leicht an verschiedene Blogging-Nischen anpassen kannst.

Hauptmerkmale:

  • 8+ verschiedene Stilvarianten.
  • 48+ mitgelieferte Muster, darunter Muster für Testimonials, Preistabellen, Call-to-Actions und mehr.
  • Mehrere Muster für die wichtigsten Vorlagen, darunter 4+ Kopfzeilenmuster, 8+ Fußzeilenmuster, 4+ Seitenmuster und 3+ Postlisting-Muster.

Preis: Kostenlos und erhältlich auf WordPress.org.

4. Neve FSE

Die Neve FSE WordPress Theme Demo
Die Neve FSE WordPress Theme Demo

Neve FSE ist die Block-Theme-Version des beliebten Neve-Theme von Themeisle. Das ursprüngliche Neve-Theme verwendet den klassischen Customizer, aber Themeisle hat Neve FSE für Leute entwickelt, die lieber den Site-Editor verwenden.

Das bedeutet, dass du mit Neve FSE nicht so viele Startseiten zur Verfügung hast wie mit der klassischen Version des Themes. Stattdessen sind die Muster von Neve FSE hauptsächlich darauf ausgerichtet, dir bei der Erstellung einer Unternehmenswebsite oder eines persönlichen Portfolios zu helfen.

Du bekommst aber auch viele Vorlagen für deine Blogbeiträge, sodass du Neve FSE sehr flexibel für deinen Blog einsetzen kannst.

Hauptmerkmale:

  • Lässt sich gut mit dem Otter Blocks Plugin des Entwicklers kombinieren, obwohl du das Plugin nicht verwenden musst. Wenn du Neve FSE aktivierst, wird es dich auffordern, Otter Blocks zu installieren.
  • 8+ verschiedene Stilvariationen.
  • 48+ enthaltene Muster, darunter viele Abschnittsmuster für Call-to-Actions, Preistabellen, Feature-Boxen, Teamlisten, Servicelisten und mehr.
  • Muster für wichtige Vorlagen, darunter 4+ Kopfzeilen-Variationen, 5+ Fußzeilen-Variationen, 2+ Seitenmuster und viele Muster für Beitragslisten. Für die Postlisting-Muster erhältst du Optionen für Raster, Karten und mehr.

Preis: Kostenlos und auf WordPress.org erhältlich. Obwohl es eine Premium-Version des klassischen Neve-Themas gibt, ist Neve FSE derzeit 100% kostenlos. Das optionale Otter Blocks-Plugin gibt es sowohl in einer kostenlosen als auch in einer Premium-Version ab 49$.

5. Bricksy

Die Bricksy WordPress Theme Demo
Die Bricksy WordPress Theme Demo

Bricksy ist ein WordPress-Block-Theme von Anariel Design, einem etablierten WordPress-Theme-Shop mit Sitz in Deutschland.

Im Gegensatz zu vielen anderen Block-Themes kommt Bricksy mit vorgefertigten Mustern für vier verschiedene Blogging-Nischen:

  1. Reisen
  2. Essen
  3. Mode
  4. Hochzeit

Das gibt dir etwas mehr Flexibilität beim Aufbau verschiedener Arten von Websites, denn viele andere Block-Themes bieten eher generische Layouts für Geschäfts- oder Portfolioseiten. Es ist jedoch wichtig zu wissen, dass du die Premium-Version benötigst, wenn du auf alle Muster für alle 4 Seiten zugreifen möchtest.

Die kostenlose Version enthält zwar Muster für alle 4 Nischen, aber nur eine begrenzte Auswahl. Zum Beispiel gibt es in der kostenlosen Version nur ein Homepage-Muster für jede Nische, aber die Premium-Version bietet dir mehr Flexibilität.

Hauptmerkmale:

  • Vorgefertigte Designs und Muster für vier verschiedene Blogging-Nischen – Reisen, Essen, Mode und Hochzeit.
  • 52+ Blockmuster in der kostenlosen Version, darunter Muster für alle vier Anwendungsfälle.
  • Mehrere Muster für wichtige Teile des Themes bereits in der kostenlosen Version, darunter 4+ Header-Muster, 3+ Footer-Muster und 5+ Blog-Layout-Muster.
  • Bricksy Pro fügt viele weitere Muster für alle vier Startseiten-Designs hinzu (wenn du bereit bist zu zahlen).
  • 9+ verschiedene Stilvarianten in der kostenlosen Version.

Preis: Kostenlos und erhältlich auf WordPress.org. Bricksy Pro beginnt bei $59 und bietet eine Reihe neuer Muster, die du verwenden kannst.

6. Gutenify

Die Gutenify Base WordPress Theme Demo
Die Gutenify Base WordPress Theme Demo

Gutenify ist nicht nur ein einzelnes Block-Theme. Stattdessen ist es eine Sammlung von über 40 verschiedenen Block-Themes, die alle auf dem dazugehörigen Gutenify-Plugin basieren, das den Block-Editor um neue Funktionen erweitert.

Jedes einzelne Theme hat seinen eigenen Nischenschwerpunkt – du kannst sie alle durchsuchen, indem du auf WordPress.org nach Gutenify suchst. So findest du zum Beispiel Gutenify-Themes für Gesundheitskliniken, Modegeschäfte, Bildungseinrichtungen, Fotoportfolios, Logistikunternehmen, Architekten und vieles mehr.

Du musst das Gutenify-Plugin nicht zwingend verwenden, um eines der Gutenify-Block-Themes zu nutzen, aber du erzielst die besten Ergebnisse, wenn du beide verwendest, da sie aufeinander abgestimmt sind. Wenn du zum Beispiel alle Demo-Inhalte importieren möchtest, musst du das dazugehörige Gutenify-Plugin installieren.

Hauptmerkmale:

  • Innerhalb von Gutenify gibt es mehr als 40 verschiedene nischenspezifische Blockthemes.
  • Jedes Theme hat mehrere Stilvarianten – manche haben nur zwei oder drei, andere mehr als 10 verschiedene Stilvarianten.
  • Jedes Theme hat Dutzende von Blockmustern, die spezifisch für die Nische des Themes sind.
  • Entwickelt für das Gutenify-Plugin, das den Block-Editor um neue Funktionen erweitert.

Preis: Alle 40+ Gutenify-Themes sind kostenlos und auf WordPress.org erhältlich. Das Gutenify-Plugin gibt es sowohl in einer kostenlosen als auch in einer Premium-Version, wobei die kostenpflichtigen Pläne bei ~$60 für eine Einjahreslizenz oder ~$180 für eine lebenslange Lizenz beginnen.

7. Raft

Die Demo des WordPress-Themes Raft
Die Demo des WordPress-Themes Raft

Raft ist ein weiteres WordPress-Block-Theme von Themeisle, dem Unternehmen, das auch hinter dem Neve FSE-Theme steht, das wir bereits vorgestellt haben.

Es bietet ein klares, minimales Design, das sich gut für Business-Websites, Portfolios oder sogar einen Blog eignet. Viele der enthaltenen Muster unterstützen den Anwendungsfall Unternehmen/Portfolio, denn du findest Muster für Preistabellen, Feature-/Servicelisten, CTAs, Listen von Teammitgliedern, Zeugnisse und mehr.

Wie Neve FSE lässt sich auch Raft gut mit dem Otter Blocks-Plugin des Entwicklers kombinieren und fordert dich auf, es nach der Aktivierung des Themes zu installieren. Du musst Otter Blocks jedoch nicht verwenden, um das Raft-Theme zu nutzen.

Hauptmerkmale:

  • 16+ verschiedene Stilvariationen, das ist mehr als die meisten anderen Themes bieten.
  • 52+ mitgelieferte Blockmuster, darunter eine Reihe für verschiedene Geschäftsanwendungen wie Preistabellen und Zeugnisse.
  • Eine etwas begrenzte Auswahl an Mustern für Vorlagenteile, mit nur 2+ Kopf- und 2+ Fußzeilenmustern.
  • WooCommerce-fähig, wenn du einen Shop einrichten willst.
  • Passt gut zum Otter Blocks Plugin des Entwicklers, obwohl du es nicht verwenden musst.

Preis: Kostenlos und erhältlich bei WordPress.org.

8. UniBlock

Die Demo des UniBlock WordPress Themes
Die Demo des UniBlock WordPress Themes

UniBlock ist ein WordPress-Block-Theme, das von WPZOOM stammt, einem etablierten WordPress-Theme-Shop, den es seit 2009 gibt. Nebenbei bemerkt: Wir haben den Gründer von WPZOOM auf dem Kinsta-Blog interviewt.

Es ist ein Mehrzweck-Theme, mit dem du so ziemlich jede Art von Website erstellen kannst. Viele der Vorlagen konzentrieren sich zwar auf den Aufbau einer Business-Website, aber UniBlock bietet auch WooCommerce-Unterstützung und mehrere Post-/Seitenvorlagen, sodass du es leicht an andere Bereiche anpassen kannst.

Allerdings musst du UniBlock Pro kaufen, um auf viele der Muster des Themes zugreifen zu können. Daher ist es vielleicht nicht die flexibelste Option, wenn du speziell nach einem kostenlosen WordPress-Block-Theme suchst.

Hauptmerkmale:

  • 6+ verschiedene Stilvarianten.
  • WooCommerce-Kompatibilität, was es zu einer guten Option macht, wenn du ein WooCommerce-Block-Theme suchst.
  • 18+ Muster in der kostenlosen Version, von denen die meisten auf den Aufbau einer Unternehmenswebsite ausgerichtet sind.
  • UniBlock Pro fügt weitere Muster für die Vorlagen deiner Website hinzu, einschließlich der Kopf- und Fußzeile und der Seitenvorlagen.

Preis: Kostenlos und erhältlich bei WordPress.org. Mit UniBlock Pro erhältst du für 69$ Zugang zu zusätzlichen Mustern, die du für eine unbegrenzte Anzahl von Websites verwenden kannst.

9. YITH Wonder

Die Demo des YITH Wonder WordPress Themes
Die Demo des YITH Wonder WordPress Themes

YITH Wonder ist ein spezielles WooCommerce-Block-Theme von YITH, dem Unternehmen, das hinter einer Reihe von beliebten WooCommerce-Plugins steht.

Es gibt nicht viele spezielle WooCommerce-Block-Themes, daher hebt sich YITH Wonder durch seinen einzigartigen Fokus deutlich von anderen ab. Wenn du speziell nach einem Block-Theme für deinen WooCommerce-Shop suchst, ist dies wahrscheinlich eine der besten Optionen, die du in Betracht ziehen solltest.

Hauptmerkmale:

  • Speziell für WooCommerce-Shops entwickelt.
  • 8+ verschiedene Stilvarianten.
  • 33+ Blockmuster insgesamt.
  • 6+ Kopfzeilenmuster und 3+ Fußzeilenmuster.
  • 4+ vorgefertigte Homepage-Vorlagen und viele zusätzliche Seitenvorlagen für andere Seiten, die WooCommerce-Shops benötigen.

Preis: Kostenlos und erhältlich bei WordPress.org.

10. Basti

Die Basti WordPress Theme Demo
Die Basti WordPress Theme Demo

Basti ist ein weiteres WordPress-Block-Theme von Anariel Design, dem Unternehmen, das auch hinter dem Bricksy-Theme steht, das du weiter oben auf dieser Liste findest. Anariel Design hat sich den Site Editor zu eigen gemacht und so ist es keine Überraschung, dass sie zwei beliebte Themes auf dieser Liste haben.

Wie das YITH Wonder-Theme oben, ist das Besondere an Basti, dass es speziell für WooCommerce entwickelt wurde. Das macht Basti zu einer weiteren guten Option für alle, die nach einem WooCommerce-Block-Theme suchen. Es enthält außerdem Vorlagen für vier verschiedene E-Commerce-Designs, die dir viel Flexibilität bei der Einrichtung deines Shops bieten:

  1. Mode
  2. Marktplatz
  3. Yoga
  4. Außenbereich

Basti gibt es allerdings nur in einer Premium-Version. Wenn du also ein kostenloses Block-Theme suchst, ist dies keine Option.

Hauptmerkmale:

  • Speziell für WooCommerce Shops entwickelt.
  • Vier verschiedene Designs für verschiedene Nischen des E-Commerce.
  • insgesamt 85+ Muster, darunter mehrere Muster für den Header, die Fußzeile und andere Vorlagen deines Shops.
  • Ein benutzerdefinierter Einführungsassistent hilft dir, deine Website einzurichten.

Preis: $79 für ein Jahr Support und Updates oder $179 für lebenslangen Support und Updates. Mit beiden Lizenzen kannst du das Basti-Theme auf bis zu 10 Websites verwenden.

11. Björk

Die Demo des Björk WordPress Themes
Die Demo des Björk WordPress Themes

Björk ist ein minimalistisches WordPress-Block-Theme von Anders Norén, der viele kostenlose Themes auf WordPress.org erstellt. Neben seiner großen Bibliothek an kostenlosen Themes war Anders auch für das Design des Standard-Themes Twenty Twenty verantwortlich.

Anders bietet mehrere hochwertige kostenlose Block-Themes an, aber Björk scheint am meisten Anklang zu finden. Es ist ein minimalistisches Theme, das sich hervorragend für Blogs oder persönliche Websites eignet. Es enthält mehrere Muster, mit denen du die Darstellung von Blogbeiträgen steuern kannst, sowie weitere Muster für Elemente wie Zeugnisse und einen „Work with me“-CTA.

Hauptmerkmale:

  • Entwickelt für Blogs und persönliche Websites.
  • 8+ verschiedene Stilvarianten.
  • 15+ enthaltene Muster.
  • 4+ verschiedene Muster für die Blog-Listing-Seite deiner Website, darunter 2 verschiedene Listenstile, ein 2-spaltiges Raster und ein 3-spaltiges Raster.

Preis: Kostenlos und erhältlich bei WordPress.org.

12. GreenShift

Die GreenShift WordPress Theme Demo
Die GreenShift WordPress Theme Demo

GreenShift ist ein WordPress-Block-Theme, das auf das GreenShift-Block-Plugin abgestimmt ist. Du musst das Plugin jedoch nicht verwenden, um das Theme zu nutzen.

Es ist ein Mehrzweck-Theme, das du für jede Art von Website verwenden kannst, auch wenn die meisten Muster auf die Gestaltung einer Unternehmenswebsite ausgerichtet sind. Du findest zum Beispiel mehrere Muster für Feature-/Servicelisten, Preistabellen, Bewertungen/Testimonials und so weiter.

Außerdem ist es vollständig mit WooCommerce kompatibel, was es zu einer guten Option macht, wenn du einen WooCommerce-Shop mit Blöcken aufbauen willst.

Hauptmerkmale:

  • Es ist ein eigenständiges Theme, das mit dem GreenShift-Plugin des Entwicklers kombiniert werden kann.
  • 5+ eingebaute Stilvarianten, darunter helle und dunkle Designs.
  • 46+ Blockmuster, darunter Muster für wichtige Abschnitte wie Feature-/Servicelisten, FAQs, Preistabellen und mehr.
  • Mehrere Blockmuster für wichtige Vorlagenteile, darunter 7+ Kopfzeilenmuster, 6+ Fußzeilenmuster und 9+ Abfragemuster für deine Blog-Listing-Seite.
  • Volle WooCommerce-Kompatibilität, einschließlich optimiertem Shop für WooCommerce-Skripte.

Preis: Kostenlos und erhältlich bei WordPress.org. Wenn du das dazugehörige GreenShift-Plugin verwendest, gibt es eine kostenlose Version auf WordPress.org sowie eine Premium-Version, die bei ~$40 für eine Jahreslizenz oder ~$140 für eine lebenslange Lizenz beginnt.

Wie du ein Block-Theme für deine Website(s) auswählst

Da Block-Themes einen anderen Ansatz als klassische Themes verfolgen, musst du auch bei der Auswahl des besten WordPress-Block-Themes für deine Website einen etwas anderen Ansatz wählen.

Da alle Block-Themes den Site-Editor verwenden, ist es zum Beispiel viel einfacher, die Vorlagen deines Themes ohne Code anzupassen. Daher ist es nicht ganz so wichtig, dass das Theme genau das Layout enthält, das du brauchst, denn du kannst es jederzeit mit dem Site Editor anpassen.

Nachfolgend findest du einige der wichtigsten Punkte, auf die du bei der Auswahl eines Block-Themes achten solltest:

  • Themevorlagenmuster – Wenn du mehrere Themevorlagenmuster hast (Kopfzeile, Fußzeile, Blog-Listing-Seite usw.), kannst du Zeit sparen, wenn du Teile deines Themes anpassen möchtest, auch wenn du sie technisch gesehen nicht „brauchst“.
  • Inhaltsvorlagen – In Verbindung mit dem oben genannten Punkt kann eine gute Auswahl an Vorlagen für verschiedene Inhaltselemente ebenfalls nützlich sein. Zum Beispiel Elemente wie eine Preistabelle, Erfahrungsberichte, Listen mit Merkmalen und Dienstleistungen und so weiter.
  • Stilvariationen – vorgefertigte Stilvariationen machen es einfacher, den Stil deiner Website zu ändern, ohne dass du dich um die Auswahl deiner eigenen Farben und Typografie kümmern musst.
  • Kompatibilität mit anderen Plugins – Achte darauf, dass dein gewähltes Theme mit anderen wichtigen Plugins, die du verwendest, kompatibel ist. Wenn du zum Beispiel einen WooCommerce-Shop aufbaust, ist es wichtig, dass dein Theme vollständig mit WooCommerce kompatibel ist.
  • Entwicklerunterstützung und Langlebigkeit – da Block-Themes noch recht neu sind, experimentieren viele Entwickler mit ihnen. Wenn ein Theme experimentell ist, erhöht sich die Wahrscheinlichkeit, dass ein Entwickler es nach Abschluss des Experiments wieder aufgibt. Deshalb solltest du besonders darauf achten, welcher Entwickler hinter deinem Block-Theme steht und ob du glaubst, dass er auf Dauer dabei bleibt.
  • Leistung – wie bei jedem WordPress-Theme solltest du darauf achten, dass dein gewähltes Theme für die Leistung optimiert ist, damit du eine schnell ladende Website erstellen kannst.

Wie du einen WordPress-Hoster auswählst, der dir zum Erfolg verhilft

Neben der Wahl des richtigen Block-Themes musst du auch darauf achten, dass du einen WordPress-Hoster wählst, der deine Block-Website erfolgreich macht.

Mit dem verwalteten WordPress-Hosting von Kinsta kannst du sicher sein, dass deine WordPress-Website schnell, sicher und zuverlässig gehostet wird.

Das bedeutet, dass du schnell im Site Editor arbeiten kannst, wenn du dein Theme anpasst, und dass deine Seite genauso schnell geladen wird, wenn Besucher sie besuchen.

Wenn du mehr erfahren möchtest, kannst du dich hier über das Managed WordPress Hosting von Kinsta informieren. Und wenn du umsteigen willst, migriert Kinsta deine Websites kostenlos.

Wo du WordPress-Block-Themes findest

Auch wenn wir unser Bestes getan haben, um die besten WordPress-Block-Themes in diesem Beitrag hervorzuheben, solltest du trotzdem in einer noch größeren Bibliothek stöbern, um zu sehen, was es sonst noch gibt.

Wenn du dir jedoch einen nischenspezifischen Beitrag wie unsere Sammlung der besten Blogging-Themes ansiehst, wirst du schnell feststellen, dass die meisten Themes immer noch den klassischen Ansatz verfolgen.

Also – wo findest du weitere WordPress-Block-Themes?

Die beste Anlaufstelle ist das WordPress.org Theme Directory. Wenn du den Filter Block-Themes  auswählst, zeigt WordPress.org nur Themes an, die diesen neuen Ansatz verwenden. Du kannst deine Suche dann verfeinern, indem du Schlüsselwörter hinzufügst oder die anderen verfügbaren Filter verwendest.

So findest du WordPress-Block-Themes im WordPress.org-Theme-Verzeichnis mithilfe des Block-Theme-Filters.
So findest du WordPress-Block-Themes im Theme-Verzeichnis von WordPress.org

Wie du ein WordPress-Block-Theme verwendest

Zum Schluss noch ein kurzer Überblick darüber, wie du ein WordPress-Block-Theme verwendest, denn es unterscheidet sich ein wenig von der „klassischen“ Methode, mit der viele WordPress-Nutzer/innen vertraut sind.

Wir werden hier nicht jeden einzelnen Schritt erklären – nur die Grundlagen, damit du weißt, wie du loslegen kannst.

Wir werden das Björk-Theme von Anders Norén als Beispiel verwenden, aber die gleichen Konzepte gelten für jedes andere Block-Theme.

So öffnest du den Seiteneditor

Sobald du dein Blocktheme installiert und aktiviert hast, kannst du so ziemlich alles über die Oberfläche des Site Editors anpassen. Du kannst den Website-Editor aufrufen, indem du in deinem WordPress-Dashboard auf Erscheinungsbild → Editor gehst.

Wenn du die Option Editor unter Erscheinungsbild nicht siehst, verwendest du wahrscheinlich ein klassisches WordPress-Theme. Du siehst diese Oberfläche nur, wenn du ein Block-Theme auf deiner Seite aktiviert hast.

So öffnest du den Site-Editor: Gehe zu „Erscheinungsbild“ > „Editor“
So öffnest du den Site-Editor

Wie du den Stil deines Themes auswählst

Eines der ersten Dinge, die du tun solltest, ist die Auswahl der Stilvariante, die du für deine Website verwenden möchtest.

Dazu klickst du im Seiteneditor auf die Option Stile.

So verwaltest du die Stile des Blockthemes
So verwaltest du die Stile des Blockthemes

Auf dem nächsten Bildschirm kannst du aus den verfügbaren Stilen auswählen. Du kannst auch auf das Bleistiftsymbol klicken, um die ausgewählten Stile im vollständigen Editor weiter zu bearbeiten.

Wie du Stilvarianten auswählst und bearbeitest
Wie du Stilvarianten auswählst und bearbeitest

Wie du deine Themevorlagen anpasst

Um alle Vorlagen deines Themes – Kopfzeile, Fußzeile, Blogeintragsseite, Vorlage für einen einzelnen Beitrag usw. – anzupassen, kannst du in der Seitenleiste des Seiteneditors auf die Option Vorlagen klicken.

Daraufhin wird eine Liste aller Vorlagen angezeigt, die mit deinem Theme verknüpft sind. Du kannst dann eine der vorhandenen Vorlagen bearbeiten oder eine eigene Vorlage erstellen, indem du auf die Schaltfläche Neue Vorlage hinzufügen in der oberen rechten Ecke klickst.

So bearbeitest du eine Vorlage für ein Blocktheme
So bearbeitest du eine Vorlage für ein Blocktheme

Wie du dein Navigationsmenü anpasst

Mit einem Blockthema kannst du deine Navigationsmenüs nicht mehr über die klassische WordPress-Menüoberfläche (Erscheinungsbild → Menüs) verwalten. Stattdessen klickst du in der Seitenleiste des Site Editors auf die Option Navigation.

Standardmäßig fügt WordPress alle Seiten auf deiner Website automatisch dem Menü hinzu. Wenn du dies anpassen möchtest, kannst du auf das „3-Punkte-Symbol“ klicken und  Bearbeiten wählen, um Änderungen an deinem Navigationsmenü vorzunehmen.

So bearbeitest du das Navigationsmenü
So bearbeitest du das Navigationsmenü

Anschließend kannst du dein Navigationsmenü mit dem vollständigen Block-Editor bearbeiten.

Wie du das Navigationsmenü anpasst
Wie du das Navigationsmenü anpasst

Zusammenfassung

Damit ist unser großer Leitfaden zu den besten WordPress-Block-Themes abgeschlossen, zusammen mit einigen anderen Tipps, wie du Block-Themes für deine Website auswählst und nutzt.

Für fast alle diese Themes gibt es kostenlose Versionen auf WordPress.org, so dass du mit allen Themes, die du interessant findest, experimentieren kannst, bevor du dich endgültig entscheidest. Wenn du sie nicht auf einer Live-Website installieren möchtest, kannst du mit DevKinsta ganz einfach Test-Websites auf deinem lokalen Computer erstellen.

Wenn du auf der Suche nach einem optimierten WordPress-Hosting für deine neue blockbasierte WordPress-Website bist, kannst du das Managed WordPress Hosting von Kinsta nutzen, um eine schnelle, sichere und zuverlässige Grundlage für deine Website zu gewährleisten.

Jeremy Holcombe Kinsta

Content & Marketing Editor bei Kinsta, WordPress Web Developer und Content Writer. Außerhalb von WordPress genieße ich den Strand, Golf und Filme. Außerdem habe ich Probleme mit großen Menschen ;).