Webentwicklung
Hier schreibe ich über alles rund um WordPress, den Gutenberg Editor und meine Arbeit. Über Anregungen und Rückfragen freue ich mich natürlich.
Aktuell arbeite ich an einer Overlay Suche mit Live-Ergebnissen. Obwohl es von WordPress ein Paket für den Request auf einen REST-Endpoint gibt – @wordpress/api-fetch – ließ sich dieses nicht so einfach in dem Script-Modul meines Blocks zu nutzen. Hier kommt die Lösung. Warum überhaupt Script Module?…
Wenn man den Abstandshalter-Block hinzufügt, hat er eine Standardhöhe von 100px. Standard-Styles für Block Supports wie z.B. das Spacing oder die fontSize kann ich in der theme.json festlegen, aber wie kann ich die default-Werte von Block-Attributen überschreiben? Der passende Filter Um die Block-Attribute zu filtern,…
Das erste Mal in Basel. Das erste Mal auf einem WordCamp Europe. Das erste Mal auf einem Contributor Day. – Was soll ich sagen? So schlimm war es gar nicht. Okay – es war richtig gut. Dieser Blog ist für dich, falls du dir unsicher bist,…
Da Local die Projekte in Containern ausführt, ist es nicht so easy, die im Container installierte WP-CLI direkt in VS Code auszuführen. Mit diesem Trick nutzt du stattdessen deine lokale Version. Installiere Local und die WP CLI Local ermöglicht es dir lokal mehrere voneinander getrennte…
Ein weiteres Stück meines Javascript-Codes wird durch modernes CSS überflüssig. Mit nur einer Zeile CSS lässt sich eine sanfte Animation für Anchor-Links realisieren. Code-Snippet Warum funktioniert das? scroll-behavior: smooth wird inzwischen von allen modernen Browsern unterstützt. Und es bewirkt genau das, was es verspricht. Das…
Seit WordPress 6.3 gibt es den Details Block. WordPress nutzt dazu das Standard-HTML <details> Element – was cool ist – nur das Animieren beim auf- und zuklappen ist mit CSS nicht so easy. Code-Snippet Natürlich könntest du das ganze auch mit Javascript machen, aber für Javascript im…
Vielleicht nutzt du bereits ::before-Pseudo-Klassen, um das Design deiner ungeordneten Listen anzupassen, aber wusstest du, dass das auch mit geordneten Listen funktioniert? Ohne ::before-Klassen Für alle Listenblöcke nutzt Gutenberg die HTML-Standardelemente <ul> und <ol> und fügt ihnen seit WordPress 6.6 auch die CSS Klasse wp-block-list…
WP-Scripts ist perfekt, um die Entwicklungsumgebung für die Arbeit an einzelnen Plugins und Themes zu vereinfachen und zu vereinheitlichen. Aber wie arbeite ich innerhalb eines WordPress-Projektes sinnvoll an mehreren Plugins und Themes parallel? Mein Umstieg auf WP-Scripts Mit @wordpress/scripts soll es alten PHP-Entwickler-Hasen, die bisher…
Eine Webseite mit WordPress und dem Gutenberg Editor zu bauen hat viele Vorteile und trotzdem ist es nicht für jede Webseite die richtige Wahl. Ich erkläre dir, wann du damit richtig fährst und in welchen Fällen andere Ansätze besser passen. Wie viel Freiheit brauchst bzw.…
Technisch betrachtet gibt es in WordPress zwei unterschiedliche Typen von Blöcken: Statische und dynamische Blöcke. Doch was ist der Unterschied? Wann nutzt man welchen? Statische Blöcke Ein statischer Block speichert neben seinem Inhalt und seinen Attributen auch sein Layout (HTML) in die Datenbank. Zum Registrieren…