Kategorie: Block Themes
-
Child Theme mit Create Block Theme erstellen
Bei neuen Projekten verwenden wir mittlerweile immer Block Themes. Block Themes sind unglaublich flexibel und durch die ständige Erweiterung des Block Editors kann man nach meiner Meinung mittlerweile fast jedes Design erstellen. Warum es sinnvoll sein kann, direkt ein Child Theme zu erstellen und welche Dinge zu beachten sind, wenn man das Plugin Create Block…
-
Block Theme: Template-Teil in Template einfügen
Bei der Erstellung eines Templates ist uns aufgefallen, dass ein Footer nicht wie vermutet direkt in das Template durch Auswahl einer Vorlage möglich ist. Das ist ein wenig verwirrend. Um ein Template-Teil (template-part) einzufügen, gibt es mehrere Möglichkeiten, die ich nachfolgend zeige.
-
theme.json: Globale Blöcke wie Buttons bei Block Themes gestalten
Globale Einstellungen von Blöcken bei Block Themes können über die theme.json vorgenommen werden. Man kann z. B. die Schriftgröße, Farben, Innen- und Außenabstände, aber auch die Pseudoklasse hover bei bestimmten Blöcken wie z. B. dem Button-Block einstellen. Diese Einstellungen gelten dann für die komplette Website. Spezielle Anpassungen sind allerdings nur über CSS realisierbar.
-
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.
-
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.
-
Hintergrundfarbe des Headers bei Block Themes ändern
Bei Block Themes ist häufig die Hintergrundfarbe des Headers zunächst transparent. Diese Hintergrundfarbe kann recht einfach über die Einstellungen beim Website-Editor geändert werden. Wie das funktioniert, beschreibe ich in dem folgenden kurzen Beitrag.
-
Globale Blöcke wie Buttons bei Block Themes gestalten
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.
-
Navigation: Animierter Unterstrich bei Block Themes
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.
-
Block Themes: Ausrichtung beim Content-Block in Templates
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.
-
Plugin mit Shrinking Logo und Sticky Header für Block Themes
„Dynamic Header & Navigation for Block Themes“ (vorheriger Name: „Shrinking Logo Sticky Header“) ist ein leichtgewichtiges WordPress-Plugin, das speziell für Block-Themes entwickelt wurde. Es fügt einen modernen Sticky Header mit sanften, animierten Schrumpfeffekten für Header und Logo hinzu. Außerdem besteht die Möglichkeit, einen Breakpoint für das mobile Menü zu definieren und ab der Version 1.2…
