Navigation-Block bei WordPress 6.2: Tipps und Tricks

Navigation-Block bei WordPress 6.2: 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 ganz gut. Allerdings wurden auch in WordPress 6.2 wieder einige Verbesserungen vorgenommen. …

Weiterlesen …

Sticky Positionierung des Header mit Menue bei einem Block Theme (Twenty Twenty-Three)

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 keine CSS-Regeln oder zusätzlichen Plugins mehr, um z. B. einen sticky header mit dem Menü zu verwirklichen. …

Weiterlesen …

Navigationsleiste im Cover-Block mit Abstandshalter beim Theme Twenty Twenty-Three oben

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

Weiterlesen …

Custom CSS: Einstellungen beim Site Editor in einem Block Theme am Beispiel Twenty Twenty-Two (WordPress 6.2)

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 in WordPress 6.2 realisiert wird, beschreibe ich in dem folgenden Beitrag. …

Weiterlesen …

Create Block Theme: Fonts (Schriften) einbinden

Schriften (Fonts) mit Create Block Theme am Beispiel Twenty Twenty-Three einbinden

Wenn man Schriften bei Block Themes einbinden möchte, geht das z. Zt. nur über die theme.json. Dazu hatte ich vor einiger Zeit einen Beitrag erstellt. Das Plugin Create Block Theme bietet aber jetzt eine wesentlich einfachere Möglichkeit, sowohl lokal gespeicherte Schriftarten (Local Font) wie auch Google Fonts einzubinden. Wie das funktioniert, erläutere ich am Beispiel von Twenty Twenty-Three in diesem Beitrag. …

Weiterlesen …

Plugin Create Block Theme: Darstellung der Optionen am Beispiel Twenty Twenty-Three - Teil 1: Erstellung Block Theme und Style Variation

Plugin Create Block Theme am Beispiel Twenty Twenty-Three – Teil 1

Die Erstellung eines Block Themes ist im Vergleich zu der Erstellung eines klassischen Themes bereits sehr viel einfacher geworden. Mit dem Plugin Create Block Theme gibt es darüber hinaus noch viele weitere Möglichkeiten, z. B. auf der Grundlage eines bestehenden Block Themes ein „eigenes“ Block Theme oder eine eigene Style Variation zu erstellen. Wie das funktioniert, beschreibe ich in dem folgenden Beitrag am Beispiel des neuen Standard-Themes Twenty Twenty-Three bei WordPress 6.1. …

Weiterlesen …

Blockinhalte verstecken

Block-Editor: Beitragsinhalte nicht anzeigen

Auf einer Webseite, die wir betreuen (aachenerkinder.de), ergibt sich immer wieder mal das Problem, dass Beitragsinhalte (Blöcke) nicht angezeigt werden sollen. Diese Beitragsinhalte sollen aber nicht gelöscht werden, sondern nur (zumindest zeitweise) nicht mehr im Frontend gezeigt werden. Update des Beitrags mit einem Block Pattern. …

Weiterlesen …

Navigations-Block WordPress 6.1

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

Weiterlesen …

Template für Kategorie erstellen

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

Weiterlesen …

Abfrage-Loop mit Beitragsbild als Cover

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 dann daraus geworden ist, habe ich in diesem Beitrag zusammengefasst. …

Weiterlesen …