Schlagwort: FSE
-
Sticky Positionierung z. B. Header (Navigation) bei WordPress 6
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. Man benötigt bei Block Themes wie z. B. Twenty Twenty-Three, Twenty Twenty-Four, Twenty Twenty-Five grundsätzlich keine CSS-Regeln oder zusätzlichen Plugins mehr, um z. B. einen sticky header mit…
-
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.
-
Abfrage-Loop mit Beitragstitel und Textauszug als Cover
Im deutschsprachigen WordPress-Support-Forum wurde die Frage gestellt, wie man auf der Startseite die Beitragsbilder als Cover darstellen kann, so dass Beitragstitel und Textauszug im Bild und nicht neben dem Bild angezeigt werden. Zunächst hatte ich gedacht, dass das z. Zt. nicht möglich ist. Carolina Nymark hat mich aber im Slack-Channel #fse-outreach-experiment eines besseren belehrt. Was…
-
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…
-
Schriftarten (fonts) nutzen: Full Site Editing (FSE) und theme.json
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…
