Schlagwort: FSE
-
Custom CSS im Site Editor bei Block Themes (WordPress 6.2)
Das bereits länger gewünschte Custom CSS im Site Editor bei Block Themes soll bei WordPress 6.2 realisiert worden. Custom CSS sind CSS-Regeln, die verwendet werden, um bei einem Block z. B. ein bestimmtes Design oder eine Animation zu realisieren. Im folgenden Beispiel beim Theme Twenty Twenty-Two habe ich dazu testweise eine Animation vorgesehen. Wie das…
-
Navigation-Block bei WordPress: Tipps und Stolperstellen
Aufgrund eigener (teilweise leidvoller) Erfahrungen mit dem Navigation-Block zeige ich in diesem Beitrag anhand kleiner Videos, an welchen Stellen ich immer mal wieder „gestolpert“ bin. Wenn man bei einem Block Theme ein Menü mit dem Navigation-Block erstellt, ist die Bedienbarkeit leider nicht immer intuitiv. Wenn man allerdings die Stolperstellen kennt, dann klappt das an sich…
-
Sticky Positionierung z. B. Header (Navigation) bei WordPress 6.2
Insbesondere bei der Navigation, also dem Menü hatte ich mir schon immer bei Block Themes wie z. B. Twenty Twenty-Three gewünscht, dass die Zeile oben „angeklebt“ bleibt. Sticky Positionierung wurde jetzt mit Gutenberg 15.0 realisiert und wird wohl auch noch in WordPress 6.2 einfließen. Dementsprechend benötigt man bei Block Themes wie z. B. Twenty Twenty-Three…
-
Navigation im Cover-Block bei Twenty Twenty-Three
Aufgrund einer sehr interessanten Anfrage im deutschsprachigen Support-Forum habe ich mir angesehen, wie man die Navigationsleiste im Cover-Block beim Theme Twenty Twenty-Three und WordPress 6.2 oben positionieren kann. Da es sich um die Bearbeitung eines Blocks geht, kann man die Lösung vermutlich auch ohne Probleme auf andere Block Themes wie z. B. Twenty Twenty-Two übertragen.
-
Navigation-Block beim Full Site Editing (FSE) – Anleitung
Die Erstellung der Navigation beim Full Site Editing (FSE) ist eines der meist diskutierten Dinge. Auf Basis des Beitrags zur Erstellung eines speziellen Kategorie-Templates möchte ich im Rahmen einer Anleitung erläutern, wie man den Navigations-Block bei einem Block Theme wie z. B. Twenty Twenty-Two mit Untermenüs einsetzt.
-
Template für Kategorien beim Full Site Editing (FSE) und Block Themes
Seit nicht allzu langer Zeit besteht die Möglichkeit, bei einem Block Theme wie z. B. Twenty Twenty-Two beim Full Site Editing (FSE) für jede Kategorie ein eigenes Template zu erstellen. Dabei besteht die Möglichkeit, eine einzelne Vorlage für alle Artikel oder eine bestimmte Vorlage zu erstellen. Wie man vorgehen könnte, beschreibe ich in diesem Beitrag.
-
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…
-
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.
-
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.…
-
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…
