#FullSiteEditing

Einstieg in WordPressblog@einstieg-in-wp.de
2022-06-24

Ein kurzer Blick auf »Twenty Twenty-Two«

In WordPress 5.9 erschien das neue Standard-Theme Twenty Twenty-Two, das als Block-Theme den ersten Schritt in die zweite Phase von Gutenberg wagt, und das ich Ihnen in diesem Beitrag kurz vorstellen möchte.

[…]

einstieg-in-wp.de/twenty-twent

#BlockEditor #BlockVorlagen #FullSiteEditing #TwentyTwentyTwo #WordPress59

Das Frontend von Twenty Twenty-TwoTwenty Twenty-Two im Theme-Verzeichnis von WordPress
2025-12-11

Beitragsbild (Featured Image) vollständig bei Beiträgen zeigen

In manchen Fällen ergibt sich ein Problem bei Beiträgen und Verwendung von Block Themes wie Twenty Twenty-Five, weil das Beitragsbild (Featured Image) nicht vollständig gezeigt wird. Das Beitragsbild wird auf mobilen Geräten rechts und links beschnitten. Das ist insbesondere bei Gruppenbildern mit Menschen unschön. Woran liegt das und wie kann man das beheben?

haurand.com/beitragsbild-featu

#BlockThemes #FSE #FullSiteEditing #WordPress

Comic mit breitem Bild bei einem Template als featured image (Beitragsbild)Einstellungen beim Seitenverhältnis

I Built A Knowledge Base Using The Block Editor, And Whoa.

Reflecting on my experience building my first completely custom full site editing theme, from start to finish.

alexstandiford.com/articles/bl

Einstieg in WordPressblog@einstieg-in-wp.de
2023-11-22

Warum Block-Themes erfunden wurden

Im Theme-Verzeichnis von WordPress gibt es zwei grundlegend verschiedene Arten von Themes: traditionelle klassische Themes und die neuen Block-Themes. Dieser Beitrag erklärt, wo die Unterschiede liegen und warum Block-Themes erfunden wurden.

[…]

einstieg-in-wp.de/block-themes

#BlockEditor #BlockThemes #FullSiteEditing #TopBeiträge #TwentyTwentyFour #TwentyTwentyThree #WebsiteEditor

Das Theme-Verzeichnis von WordPress mit aktiviertem Filter Full Site Editing nur noch Block-ThemesDer Customizer mit dem Theme Twenty Twenty-One
2025-11-28

Back To Top (an den Anfang) scrollen ohne Plugin

Auf vielen Websites findet man ein Icon, so dass man bei Klick auf das Icon an den Anfang der Seite oder des Beitrags (Back to Top) landet. Ich habe mir die Frage gestellt, ob diese Option nicht auch ohne Plugin realisierbar ist. Hier ist eine Lösung, die sogar barrierefrei ist. Es gibt aber einen kleinen Nachteil im Vergleich zu der Lösung mit einem Plugin, das ich auf dieser Seite verwende.

haurand.com/back-to-top-an-den

#blockThemes #fse #fullSiteEditing #template #top #totop #wordpress #wp

Der Footer mit dem Icon und dem Text "Zum Anfang" im Stapel. Verlinkung auf den Anker #totopSVG-Grafik mit ALT-Text und Verlinkung auf den Anker #totop
2025-10-13

Navigation: Ollie Menu Designer

Mit dem Ollie Menu Designer kann man in WordPress ansprechende und responsive Menüs gestalten – inklusive mobiler Menüs und Mega-Menüs. Die Gestaltung erfolgt komplett im Block-Editor. Das Plugin hat bereits für einigen Wirbel gesorgt, weil es als Gamechanger für den Navigation Block angesehen wird. Eine Funktion, auf die User, die Block Themes einsetzen, schon lange warten. Im Beitrag zeige ich, was mit dem Plugin möglich ist.

haurand.com/navigation-ollie-m

#BlockThemes #FSE #FullSiteEditing #Plugin #sticky #WordPress

Featured Image zu Ollie Menu DesignerMobile Menu beim Ollie Menue Designer
2024-05-06

Startseite bei Twenty Twenty-Four

Im Forum stellen wir immer wieder fest, welche Schwierigkeiten User mit der Anpassung eines Block Themes wie Twenty Twenty-Four haben. Da diese Frage wieder mal im Forum gestellt wurde, zeige ich nachfolgend, wie man z. B. eine neue Startseite bei Twenty Twenty-Four erstellt und ein Template für diese Startseite gestaltet. Der Beitrag gehört zu einer Serie zur Anpassung von Templates.

haurand.com/startseite-bei-twe

#FSE #FullSiteEditing #Template

Beispiel für eine Startseite (Front Page) mit einem erstellten Template bei Twenty Twenty-FourDie Erstellung einer neuen Startseite bei Twenty Twenty-FourDie neu erstellte Seite als Startseite einstellen.
WordPress-Webdesignhaurand.com@haurand.com
2024-09-04

Block Themes – eine Einführung mit praktischen Beispielen

Bei diesem WordPress Meetup werde ich im Rahmen einer Einführung das aktuelle Standardtheme Twenty Twenty-Four vorstellen und zeigen, wie man eine WordPress-Instanz als Website z. B. für einen Verein oder einen kleinen Handwerksbetrieb anpassen kann.

Nach der Einführung werde ich live auf einer Testinstanz Templates und Template-Teile individuell anpassen oder neu erstellen.

haurand.com/block-themes-eine-

#CirclesWP #FSE #FullSiteEditing #WordPress

Kategorie für benutzerdefinierte Block Patterns in WordPress mit dem Block-Editor (Gutenberg)
WordPress-Webdesignhaurand.com@haurand.com
2025-08-20

Live auf der FrOSCon 2025: Umstellung von Classic Theme auf Block Theme

Auf der FrOSCon 2025 haben wir dieses Jahr einen Workshop eingerichtet, in dem wir zeigen wollten, wie man eine Website von einem klassischen Theme auf ein Block Theme (in dem Fall Twenty Twenty-Five) umstellt. In diesem Beitrag beschreibe ich den Verlauf und außerdem enthält der Beitrag die Video-Aufzeichnungen.

haurand.com/live-umstellung-vo

#FSE #FullSiteEditing #Theme #TwentyTwentyFive #WordPress

Umstellung der Website mg-heute.de von Classic Theme auf Block Theme auf der FrOSCon 2025.Die Website mg-heute.de mit dem klassischen Theme MH NewsdeskDie Website mg-heute.de mit dem klassischen Theme MH Newsdesk - Darstellung der Widgets
2025-09-17

The use of Artificial Intelligence (AI) is growing within the WordPress ecosystem. We’re seeing various implementations for generating content, performing tasks, and providing front-facing customer support.

The technology is also being leveraged to create websites from scratch. The idea is simple enough: tell AI what kind of website you want, and the app generates one for you. The hope is […]

https://thewpminute.com/exploring-godaddys-airo-site-designer/

Choose GoDaddy Airo from the site creation interface.Use the AI chat panel to tell Airo about your website project.
WordPress-Webdesignhaurand.com@haurand.com
2025-09-10

Anzeige Template bei Seiten und Beiträgen

Aufgrund einer Anfrage bei Mastodon wurde deutlich, dass es zu Irritationen kommt, wenn man auf einmal bei Seiten und Beiträgen sowohl den Header als auch den Footer im Backend bei Block Themes wie im Template sieht. Womit das zusammenhängt und wie man das einstellen kann, beschreibe ich in dem folgenden Beitrag.

haurand.com/anzeige-template-b

#BlockThemes #FSE #FullSiteEditing #Template #Theme #WordPress

Template-Anzeige mit Header und Footer bei Block ThemesBei der Erstellung eines Beitrags oder Seite kann man sich das Template anzeigen lassenAnzeige des Beitrags ohne Header und Footer
WordPress-Webdesignhaurand.com@haurand.com
2025-08-29

Block Themes: Template mit geänderter Darstellung beim Beitragsbild (featured Image)

In manchen Fällen ist es bei der Erstellung von Beiträgen hier auf haurand.com schon vorgekommen, dass der Bildausschnitt des Beitragsbildes (featured images) nicht optimal dargestellt wird. Wie man das beeinflussen kann, zeige ich in dem folgenden Beitrag bezogen auf allgemeine Möglichkeiten und den speziellen Möglichkeiten bei Block Themes.

haurand.com/block-themes-templ

#BlockThemes #FSE #FullSiteEditing #Theme #WordPress

Templates beim Block Theme Circles WPCSS-Klasse für das Beitragsbild (featured image) eintragen
Einstieg in WordPressblog@einstieg-in-wp.de
2025-08-14

Dreimal H1 ist suboptimal

Ein Leser namens Marius hat uns daraufhin hingewiesen, dass es auf dieser Website jede Seite drei H1-Überschriften hat.

In diesem Beitrag zeige ich, warum das keine gute Idee ist und wie man das in einem Block-Theme ganz einfach korrigieren kann.

Vielen Dank an Marius für den Hinweis.

einstieg-in-wp.de/dreimal-h1-i

#Barrierefreiheit #BlockEditor #BlockThemes #FullSiteEditing #SEO #Standardblöcke #WebsiteEditor #WordPress

TT4 mit dem Website-Titel als Absatz
Einstieg in WordPressblog@einstieg-in-wp.de
2025-08-12

Erste Schritte mit Block-Themes

(UPDATE: Screenshots hinzugefügt)

Welche Schritte wendet man beim Benutzen eines Block-Theme am besten in welcher Reihenfolge an? Annette Schwindt beschreibt ihren Workflow dazu.

einstieg-in-wp.de/erste-schrit

#blockEditor #blockThemes #farben #fullSiteEditing #gruppen #layout #schriftarten #stapel #stile #templates #siteEditor #wordpress #zeilen

Wegweiser mit der Aufschrift Block-ThemesWordPress Themeverzeichnis mit barrierefreien Block-Themes
2025-08-07

Bei Block Themes ist häufig die Hintergrundfarbe des Headers zunächst transparent. Diese Hintergrundfarbe kann recht einfach über die Einstellungen bei Website-Editor geändert werden. Wie das funktioniert, beschreibe ich in dem folgenden kurzen Beitrag.

https://haurand.com/hintergrundfarbe-des-headers-bei-block-themes-aendern/

Darstellung einer Website mit geänderter Hintergrundfarbe im HeaderHintergrundfarbe ändern bei Twenty Twenty-Five durch Auswahl der Stile für die umschließende Gruppe
2025-07-23

Globale Einstellungen von Blöcken bei Block Themes habe ich leider häufig übersehen. Man kann z. B. die Schriftgröße, Farben, Innen- und Außenabstände, zusätzliches CSS bei bestimmten Blöcken wie z. B. dem Button-Block direkt über den Website-Editor ändern. Diese Einstellungen gelten dann für die komplette Website. Wie das funktioniert, erläutere ich in dem folgenden Beitrag.

https://haurand.com/globale-bloecke-wie-buttons-bei-block-themes-gestalten/

Bilder, Text und ein Button, der über den Website-Editor gestaltet wurdeErstellung eines Child Themes mit dem Plugin Create Block Theme
2025-07-08

Die Navigation bei Block Themes ist leider in der Regel nicht besonders schön. Aus dem Grund verwende ich hier auf haurand.com eine dezente Animation in der Navigation. Wie man die Navigation bei Block Themes wie Circles WP, SpacePress WP oder einem Standard Theme wie Twenty Twenty-Five anpasst, beschreibe ich in dem folgenden Beitrag.

https://haurand.com/navigation-animierter-unterstrich-bei-block-themes/

Animierte Navigation bei Twenty Twenty-FiveBezeichnungen der Variablen für die CSS-Regeln beim animierten Unterstrich bei Twenty Twenty-Five findenBlock Themes: Zusätzliches CSS
2025-06-03

Warum sehe ich bei manchen WordPress-Instanzen in Templates beim Content Block und den Block-Eigenschaften die Option „Ausrichtung“ und bei anderen Instanzen nicht? – Dieser Frage bin ich in dem folgenden Beitrag nachgegangen und zeige, womit das Problem zusammenhängt und wie man das Problem z. B. bei einem Template eines Block Themes lösen kann.

https://haurand.com/block-themes-ausrichtung-beim-content-block-in-templates/

Beitragsbild (Featured image) Template ContentFehlende Option "Ausrichtung" beim Content-BlockContent-Block mit Option "Ausrichtung"
2025-06-03

In this episode of the WP Minute Podcast, host Eric Karkovack welcomes Jake Goldman, founder of 10up and now a Partner at Fueled, to talk about a major agency evolution. Jake shares the journey from founding 10up in 2011 to its merger with Fueled in 2023, culminating in a rebrand that sees the combined entity operating under the Fueled name. He explains the motivations behind the merger, […]

https://thewpminute.com/jake-goldman-talks-agency-mergers-and-rebranding/

2025-05-12

Der Navigation Block bei Block Themes wie Twenty Twenty-Five ist nach wie vor nicht ideal. Neben der doch eher bescheidenen Bedienung (Benutzererfahrung UX), kann es auch schon mal passieren, dass auf einmal die vorgesehene Navigation für das Hauptmenü verschwindet und dafür dann die Navigation, die eigentlich für den Footer vorgesehen ist, da steht. Das ist mir passiert, als ich das Plugin „Create Block Theme“ installiert und dann die Datenbank mit „Save Changes to Theme“ beim Child Theme aktualisiert habe.

https://haurand.com/create-block-theme-navigation-bei-einem-block-theme-wiederherstellen/

Beitragsbild Navigation wiederherstellenEin Child Theme mit dem Plugin Create Block Theme erstellenVideo mit fehlerhafter Navigation nach Speichern mit "Save Changes to Theme" und Korrektur

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst