In unserer Reihe zu Block Patterns habe ich dargestellt, wie man Block Patterns über verschiedene Möglichkeiten auf eine WordPress-Website einbinden kann. Seit WordPress 6.0 kann man einen Block Pattern jetzt auch über ein patterns-Verzeichnis im Theme-Ordner einbinden. Wie das funktioniert, beschreibe ich am Beispiel Twenty Twenty-Two in dem folgenden Beitrag. …
Ich hatte vor einiger Zeit schon mal einen Beitrag zum Onepager als WordPress-Website erstellt. Damals ging es um eine Website als Onepager mit einem klassischen Theme wie z. B. Twenty Twenty. Mit einem Block Theme wie z. B. Twenty Twenty-Two und Full Site Editing (FSE) sieht das allerdings anders aus. Welche Möglichkeiten man hat, zeige ich in diesem Beitrag. …
Bei unseren Beiträgen hier auf haurand.com wollten wir den Block „Neueste Beiträge“ nach Schlagwörtern filtern. Das ist aber zum jetzigen Zeitpunkt offensichtlich nicht möglich. Wie man aber den Abfrage-Loop auf einer WordPress-Website statt des Blocks „Neueste Beiträge“ dafür verwenden kann, beschreibe ich in diesem Beitrag. …
Endlich ist er da: Der Block Table of Contents (Inhaltsverzeichnis) kommt in WordPress 6.1. Ehrlich gesagt habe ich darauf schon länger gewartet. Gerade bei längeren Beiträgen ist es sinnvoll, wenn man ein Inhaltsverzeichnis hat, so dass man als Leser direkt zu der Stelle springen kann, die interessant ist. Wie das funktioniert und wie man den doch relativ spartanischen Block aufpimpen kann, zeige ich in dem folgenden Beitrag. …
Insbesondere bei gewerblich Websites findet man häufig ganz oben über der Navigation eine schmale Zeile, in denen z. B. die Kontaktdaten aufgelistet sind. In der Regel kann man das mit einem klassischen Theme nicht so einfach umsetzen. Als Anwendungsfall wollte ich mal testen, ob und wie man das mit Full Site Editing (FSE) hinbekommen kann. Wie man diese Zeile mit FSE einrichten kann, beschreibe ich in diesem Beitrag. …
Bei der Einarbeitung in Full Site Editing (FSE) wollte ich 2-spaltige Blöcke mit Bildern verwenden, die abwechselnd Spalten mit 1/3- und 2/3-Aufteilung haben sollten. Das ist grundsätzlich auch kein Problem. Das Problem bestand eher darin, dass der Abstand zwischen den Spalten nur sehr klein sein sollte (z. B. 3px). Das kann man mit dem blockGap-Stil in der theme.json ändern. Wie das funktioniert, erläutere ich nachfolgend. …
Dieser Beitrag ist quasi eine Art Dokumentation, in der ich protokolliere, wie ich vorgegangen bin, um andere Schriften zu nutzen. Ziel war es, nach Erstellung eines Child Themes zusätzliche Schriftarten im Bedarfsfall für bestimmte Blöcke durch entsprechende Änderung der theme.json zu definieren. Ich muss gestehen, dass ich schon im Vorfeld einige Versuche unternommen hatte und teilweise krachend gescheitert war und/oder entnervt aufgegeben habe. Diesmal hat es geklappt. …
In WordPress 6.0 wird Full Site Editing (FSE) nach der Einführung in WordPress 5.9 weiterhin eine große Rolle spielen. Beim FSE bin ich immer wieder darüber gestolpert, dass ich z. B. irgendwelche Änderungen an Farben beim Block Theme Twenty Twenty Two vorgenommen habe, die aber nicht umgesetzt wurden. Nach vielen (Test-)Wochen habe ich jetzt das Prinzip weitestgehend begriffen. Wie man am besten vorgeht und welche Fallstricke es bei der Bearbeitung von Templates und Template-Teilen gibt, beschreibe ich in diesem Beitrag. …
In WordPress 6.0 wird man mehrere Global Style Variationen bei einem Block Theme wie z. B. Twenty Twenty-Two anbieten oder nutzen können. Global Style Variationen können verschiedenen Stilvoreinstellungen berücksichtigen, wie das Ein-/Ausschalten der Schriftstärke, Stiloptionen oder auch die Standardfarbpalette. In diesem Beitrag beschreibe ich am Beispiel der Standardfarbpalette, wie man Global Styles bei Block Themes in WordPress erstellt und verwendet. …
Ein zentrales Thema bei der WordPress Version 5.9 wird das Full Site Editing (FSE) sein. Wenn man blockbasierte Themes wie beispielsweise das neue Standard-Theme Twenty Twenty-Two einsetzt oder testet, dann kann es schon mal sein, dass man doch einige Dinge per CSS ändern möchte. Viele Änderungen kann man natürlich auch direkt über die Eigenschaften der Blöcke regeln. Über den Customizer kann man CSS-Regeln unter „Zusätzliches CSS“ definieren. Wie man den Customizer in das Dashboard-Menü bei einem blockbasierten Theme einbindet, zeige ich in diesem Beitrag. …