Anleitung Archive

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

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

14. April 202312. April 2023

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

Cover mit einem dreifarbigen Hintergrund

Duotone beim Cover-Block oder Image-Block bei WordPress-Instanzen

10. Juli 20236. April 2023

Der Duotone-Effekt ist zumindest in einigen Kreisen der WordPress-Community eine belächelte Eigenschaft. Allerdings kann man neben den sicher bekannten Effekten auch Dinge produzieren, die ansonsten aufwendiger und/oder mit ein paar CSS-Regeln zu bewerkstelligen sind. Das funktioniert zwar, aber kann teilweise nur über „Umwege“, d. h. über den Code-Editor erreicht werden. …

Voreinstellungen bei WordPress: Spotlight-Modus, Beschriftungen und ablenkungsfrei schreiben

4. April 202329. März 2023

Aufgrund einer Anfrage wegen einer seltsamen Anzeige der Werkzeugleiste in WordPress habe ich mich mit den Voreinstellungen bei WordPress im Block-Editor etwas intensiver auseinandergesetzt. Die meisten Optionen kannte ich schon, aber einige Optionen wie z. B. Spotlight-Modus, Beschriftungen und ablenkungsfrei schreiben waren mir bis dato überhaupt nicht bekannt oder hatte ich noch gar nicht genutzt. …

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

Website-Logo beim Full Site Editing einfügen

26. August 202323. März 2023

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

Die Developer Console (Entwicklertools) bei einer WordPress-Instanz

Analyse einer WordPress-Instanz mit der Developer Console

12. März 202420. März 2023

Wer schon mal eine Frage im deutschsprachigen WordPress-Forum gestellt hat, bekommt insbesondere bei Fehlern auf der Website häufig die Antwort „Hast du mal einen Blick in die Developer Console (F12) deiner Seite geworfen ?“. Die Developer Console (Entwicklertools) bietet eine Menge an Informationen, die (nicht nur) bei Fehlern, sondern auch bei der Gestaltung (CSS) hilfreich sein kann. Eine Einführung bezogen auf WordPress-Instanzen. …

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)

13. März 20249. März 2023

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

Zwei kleine Zeichen führen zum Fehler und Desaster bei einer WordPress-Instanz - ein Gedächtnisprotokoll

Zwei Zeichen führen zum Fehler – Desaster bei einer WordPress-Instanz

20. Februar 202320. Februar 2023

Bei der Entwicklung einer Website auf einer WordPress-Testumgebung hatte ich relativ aufwendige Templates entwickelt. Es fehlte nur noch eine Leiste mit Buttons zu Kategorien. Da ich kein passendes Plugin gefunden habe (und für so eine kleine Sache auch nicht unbedingt ein aufgeblähtes Plugin haben wollte), habe ich schnell mal ein Plugin erstellt. Damit fing das Drama an und es lag letztendlich an einem klitzekleinem Fehler. …

Navigation-Block bei WordPress 6.2: Tipps und Tricks

Navigation-Block bei WordPress 6.2: Tipps und Stolperstellen

24. Februar 202328. Januar 2023

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

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

Sticky Positionierung z. B. Header (Navigation) bei WordPress 6.2

10. April 202421. Januar 2023

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

Der Customizer bei WordPress-Themes: Einstellungen sichern und ggfs. zurückstellen

Customizer bei WordPress-Themes: Einstellungen sichern und zurückstellen

19. Dezember 2022

Bei klassischen WordPress-Themes gibt es bekanntlich den Customizer, in dem man Einstellungen festlegen kann. Leider passiert es schon mal, dass man Einstellungen vorgenommen hat und später beim Testen feststellt, dass die Website nicht mehr wie gewünscht dargestellt wird. Im Nachhinein kann man dann möglicherweise nicht mehr nachvollziehen, wo man die Änderung vorgenommen hat. Wie man Einstellungen mit Plugins exportieren und importieren kann, erläutere ich in diesem Beitrag. …