WordPress 6.3: Weitere Tipps zu Stilen (Global Styles), theme.json und Backendfarben bei Templates

WordPress 6.3: Tipps zu Global Styles, theme.json und Backendfarben bei Templates

Nachdem ich bereits in einem vorherigen Beitrag Möglichkeiten zu Breakpoints, oberen Rand, quadratische Beitragsbilder beim aktuellen Standardtheme Twenty Twenty-Three (Block Theme) beschrieben habe, kommen jetzt weitere Tipps. Beim Testen der kommenden WordPress 6.3 im Zusammenhang mit neuen Projekten sind mir einige Dinge bei Verwendung der theme.json bzw. Stile (Global Style) aufgefallen, die teilweise auch noch nicht so ganz „rund“ laufen oder ggfs. schwer zu finden sind. …

Weiterlesen …

WordPress-Community (nicht nur) für Einsteiger

WordPress-Community (nicht nur) für Einsteiger

In diesem aktualisierten Beitrag (Stand April 2023) beschreibe ich die wichtigsten Einstiegsmöglichkeiten in WordPress und die WordPress-Community. Der Beitrag stellt sozusagen eine „Fundgrube“ (nicht nur) für Einsteiger dar: Wo finde ich was. Diese Auflistung erhebt keinen Anspruch auf Vollständigkeit. …

Weiterlesen …

Letztes Änderungsdatum im Abfrage-Block bei Block Themes über das Beitragsdatum im Beitrags-Template einstellen

Letztes Änderungsdatum im Abfrage-Block beim Beitragsdatum (FSE)

Bei der Erstellung einer Website mit WordPress ist mir kürzlich eine Einstellung beim Block Beitragsdatum im Abfrage-Loop (Query-Loop) aufgefallen, die mir bis dato unbekannt war: Im Beitrags-Template bei Block Themes (FSE) wie Twenty Twenty-Three ist standardmäßig der Block „Beitragsdatum“ enthalten. Bei diesem Block gibt es aber auch die Einstellung „Das letzte Bearbeitungsdatum anzeigen“. Damit wird das letzte Änderungsdatum des Beitrags angezeigt. So sieht der Leser des Beitrags auf Anhieb, wie aktuell die Inhalte sind. …

Weiterlesen …

Kategorie für benutzerdefinierte Block Patterns in WordPress mit dem Block-Editor (Gutenberg)

Website-Logo beim Full Site Editing einfügen

Leider ist es beim Full Site Editing (FSE) nicht so einfach, die Stelle bei einer WordPress-Instanz zu finden, wo man ein Website-Logo einfügt. Aus diesem Grund hier eine ganz kurze Anleitung dazu. Am Ende dieses kurzen Beitrags folgt dann noch zur besseren Verdeutlichung ein kurzer Film. …

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 …

Navigation-Block bei WordPress 6.2: Tipps und Tricks

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

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 …