Block-Themes, oder Full Site Editing Themes, sind die logische Weiterentwicklung des Gutenberg Editors. Damit kann nun auch das Theme der Website im WordPress Backend mit dem Block-Editor bearbeitet werden.
Visueller Website-Editor
Mit dem Gutenberg Editor wurde ein visueller Block-Editor für Seiten und Beiträge eingeführt, der bereits weitreichende Gestaltungsmöglichkeiten mitbrachte. Nun gibt es auch einen Full Site Editor für das Theme, für die Gestaltungsvorlage der Website also. Aus dem Backend heraus können nun wiederverwendbare Templates für Seiten, Beiträge und Archive und Template-Teile wie Header und Footer mittels Blöcke erstellt werden.
Webdesign mit blockfähigen Theme und dem Website Editor
Unter Design wird zunächst ein Block-Theme installiert und aktiviert. Im Menü unter Design > Website-Editor findest Du
- Navigation: Erstelle ein Menü mit dem Navigationsblock. Leider ist die Navigation zum momentanen Entwicklungsstand eher frustrierend. Anleitung (englisch)
- Stile: Wähle eine andere Stilkombination für die Theme-Stile.
- Seiten: Durchstöbere und bearbeite Seiten auf deiner Website.
- Templates: Gestalte das Layout aller Inhaltstypen (Seiten, Beiträge, Kategorien-Archive) deiner Website mit Templates; Erstelle eigene Templates mit dem + neben Templates
- Vorlagen: hier findest Du Vorlagen des Themes und v.a. die Template-Teile Header und Footer.
Block-Theme erstellen mit Plugin
WordPress.org hat ein außerordentlich hilfreiches Plugin rausgebracht: Create Block Theme. Damit kann man:
- Ein neues Theme, ein blankes Theme, ein Child-Theme oder Stilvariationen erstellen.
- Schriften verwalten, die Du entweder über Google Fonts oder lokal einbindest
Das Plugin dient während der Entwicklung. Zum Schluß kann ein fix und fertiges Theme exportiert werden. Klingt erstmal nicht so aufregend, wer allerdings schon länger mit WordPress arbeitet kann darin einen irrwitzen Sprung in der Bedienbarkeit erkennen. Code ist fast nicht mehr notwendig.
In der offizielle WordPress Themes Sammlung findest Du 1000e kostenfreie und kommerzielle Themes und kannst Deine Suche nach Funktionen filtern.
https://de.wordpress.org/themes/
Blockthemes Empfehlungen
Standard Themes
Twenty Twenty-Three / Twenty Twenty-Four
Die Standard Themes von wordpress.org sind eine hervorragende Grundlage, um mit dem Plugin Create Block Theme ein eigenes Child-Theme zu entwickeln.
Portfolio Themes
Gutenify
Kommerzielles Theme mit kostenfreier Varianten, die man auf der Theme Website herausfiltern kann: https://gutenify.com/site-demos/
zB Gutenify Photo Zone mit seitlicher Navigation und Masonry Grid
Abisko / Björk
von Anders Norén, der insgesamt sehr schöne Themes macht.
Blog Themes
Extra und besonders
Stacks
Stacks, also Stapel, ist ein One-Page mit bildschirmfüllenden Sektionen. Dieses Layout eignet sich nur für genau abgemessenen Content, das der Overflow nicht angezeigt wir.
