Block Pattern im patterns-Ordner bei einem Block Theme

Block Pattern im patterns-Verzeichnis bei einem Block Theme

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. …

Weiterlesen …

Onepager mit Twenty Twenty-Two und wie man das mit Full Site Editing (FSE) macht

Onepager bei einem Block Theme am Beispiel Twenty Twenty-Two

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. …

Weiterlesen …

WordPress: Abfrage-Loop statt Neueste Beiträge bei Schlagwörtern

Abfrage-Loop: Neueste Beiträge mit Schlagwörtern

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. …

Weiterlesen …

Theme Export bei Twenty Twenty-Two (WordPress 6.0)

Export Block Theme in WordPress 6 am Beispiel Twenty Twenty-Two

Eine Website wird häufig in einer Entwicklungsumgebung erstellt. Bei einem Block Theme wie z. B. Twenty Twenty-Two kann man das angepasste Theme mit allen aktualisierten Styles und Templates ab WordPress 6.0 jetzt exportieren und z. B. auf einer anderen Website importieren. Wie das funktioniert, zeige ich in diesem Beitrag. …

Weiterlesen …

Navigation mit Zeile am oberen Rand mit Full Site Editing (FSE) bei Twenty Twenty-Two einrichten

Navigation mit Zeile am oberen Rand (Full Site Editing)

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. …

Weiterlesen …

BlockGap passt den vertikalen Rand oder Abstand zwischen Blöcken (z. B. bei Spalten) an und kann in der theme.json (FSE) definiert werden.

blockGap in der theme.json: Abstände zwischen Blöcken

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. …

Weiterlesen …

WP Rocket - Cache bei einzelnen Seiten löschen

WP Rocket: Einzelne Einträge aus dem Cache löschen

WP Rocket ist eines der besten Cache-Plugins, wenn man WordPress nutzt. Nach einer Änderung kann es aber schon mal nötig sein, dass man den Cache löschen muss. Das funktioniert aber nicht immer automatisch. WP Rocket bietet aber auch die Möglichkeit, nicht den gesamten Cache zu löschen, sondern nur einzelne Einträge. Wie man das in bestimmten Fällen machen kann, beschreibe ich in diesem Beitrag. …

Weiterlesen …

Global Style Variations: orange auf anthazit am Beispiel TwentyTwenty-Two

Global Style Variationen bei Block Themes

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. …

Weiterlesen …

WordPress 5.9: Customizer bei blockbasierten Themes wie Twenty Twenty-Two

Twenty Twenty-Two und WordPress: Customizer

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. …

Weiterlesen …

Code-Snippets im WordPress-Dashboard

Code Snippets: Fatalen Fehler bei Snippets korrigieren

Bei dem Plugin Code Snippets für WordPress werden in der Regel Fehler im Code durch das Plugin abgefangen. In wenigen Fällen hatte ich aber schon mal einen fatalen Fehler, der nicht abgefangen wurde. Man kann zwar das Plugin deaktivieren, aber damit sind alle Snippets nicht mehr verfügbar. Wie man das Problem in phpMyAdmin lösen kann, beschreibe ich in diesem Beitrag. …

Weiterlesen …