Kategorie: JavaScript

  • Gutenberg Block-Editor Styles auf Basis des Seitentemplates anpassen

    Mit den neuen Funktionen die uns der Block Editor seit über 1,5 Jahren bietet sind flexible Layouts möglich, die vorher nur mit Hilfe von Pagebuildern realisiert werden konnten. Viele Anforderungen die vorher über die Seitentemplates erfüllt wurden können jetzt vom Editor selbst gelöst werden. Die Verwendung von Seitentemplates ging aus diesem Grund bei meinen Projekten […]

  • HTML Code in Blöcke umwandeln und in den Gutenberg Editor einfügen

    HTML Code in Blöcke umwandeln und in den Gutenberg Editor einfügen

    Wie wir Blöcke im Gutenberg Editor bearbeiten und löschen habe ich bereits in einem vergangenen Beitrag beschrieben. Heute soll es darum gehen wie wir aus HTML-Markup Blöcke erstellen und diese in den Editor einfügen können. Mit Hilfe der Data API, können wir Blöcke in den Gutenberg Editor einfügen. Das Problem dabei ist nur, dass wir […]

  • React im Frontend eines Gutenberg Blocks verwenden

    In diese Beitrag beschreibe ich, wie wir React im Frontend eines Gutenberg Blocks verwenden können und wie wir dabei auf die WordPress JavaScript Libraries zugreifen können.

  • Datum und Uhrzeit in Gutenberg formatieren

    Datum und Uhrzeit in Gutenberg formatieren

    Wer Plugins und Themes für WordPress entwickelt, kennt sicher die PHP Funktionen, die WordPress für die Formatierung von Datum und Uhrzeit bereitstellt. Was im Support Artikel auf WordPress.org nicht steht, ist dass WordPress ein paar dieser Funktionen im Gutenberg Editor auch für JavaScript bereitstellt. Darauf zugreifen können wir über wp.date Folgende Funktionen stehen uns zur […]

  • Notices in Gutenberg erstellen

    Notices in Gutenberg erstellen

    Der Gutenberg Editor bringt mit den Notices einem Benachrichtigungssystem mit sich, mit dem Erfolgs-, Fehler-, oder sonstige Meldungen ausgegeben werden können. Eine solche Notice sieht zum Beispiel so aus: In der nächsten WordPress Version kommen die sogenannten „Snackbar“-Notices dazu, die so aussehen: Wer diese testen möchte, kann sich das aktuelle Gutenberg Plugin installieren. Mehr Infos […]

  • Blöcke über JavaScript bearbeiten und löschen

    Blöcke über JavaScript bearbeiten und löschen

    Gutenberg bietet uns mit dem Data Modul die Möglichkeit Blöcke im Editor zu bearbeiten. Auf das Data Modul, können wir über wp.data zugreifen. Dieses Modul enthält verschiedene Funktionen von denen wir hier zwei näher anschauen werden. Wir benötigen wp.data.select() zum Auslesen des Ist-Zustands der Blöcke und wp.data.dispatch() zum ausführen von Aktionen, z. B. zum Löschen […]

  • Wieso eigene Gutenberg Blöcke nicht immer die Lösung sind.

    Wieso eigene Gutenberg Blöcke nicht immer die Lösung sind.

    Bei der Entwicklung und Erweiterung des neuen Gutenberg Editors in WordPress dreht sich aktuell alles darum, wie man eigene Blöcke erstellen kann. Es scheint als würde jeder seinen eigenen mehr oder weniger sinnvollen Block erstellen. Block Libraries Ganze Block Libraries wie z.B. „Atomic Blocks“ werden so aktuell entwickelt. Diese beinhalten eine Reihe Vielzahl an Blöcken, […]