-
ServerSideRender: Backend und Frontend unterscheiden
Bei der Registrierung eines Blocks definiert man mit Hilfe der edit() Funktion, wie der Editor den Block rendert und welche Informationen er anzeigt. Mit Hilfe der save() Funktion, legt man fest, wie die Daten gespeichert und im Frontend dargestellt werden sollen. Dynamische Blöcke Zur Erweiterung der ausschließlich in JavaScript geschriebenen Blöcken gibt es die Komponente…
-
JavaScript Plugins API
Neben den schon von PHP bekannten Hooks (Action und Filter), gibt es in nun auch eine API um Erweiterungen für den Editor zu erstellen. Slot / Fill Die JS Plugins API basiert auf Slots, die mit sogenannten Fills erweitert werden können. Unter Slots versteht man erweiterbare Bereiche, denen UI Elemente hinzugefügt werden können. Beispiele für…
-
Eigene Bock-Stile erstellen
In den Block-Einstellungen kannst du im Bereich Erweitert über ein Textfeld ganz einfach einem Block weitere Klassen hinzufügen. Diese Klassen können genutzt werden, um das Aussehen per CSS zu ändern und so bsw. eine andere Button Form und Größe darzustellen. Mit der Block-Style API bekommst du eine weitere Möglichkeit, die es erlaubt Blöcken weitere Klassen zu geben.…
-
Eigene Farben definieren
Einige Blöcke bieten die Möglichkeit Farben von bestimmten Elementen im Block anzupassen. Dies sind zum Beispiel die Hintergrundfarbe eines Buttons oder die Textfarbe eines Absatzes. Gutenberg liefert schon 11 vordefinierte Farben mit. Neben den Farben gibt es auch eine Möglichkeit mit einem Farbmischer eine eigene Farbe zu mischen. Mit folgenden Code lässt sich der Farbmicher…
-
Warum Gutenberg mehr als nur ein Editor ist
Auf Krautpress.de habe ich einen Artikel zu Gutenberg veröffentlicht, der den Umfang des Projekts und dessen Ziele beschreibt.
-
Gutenberg Linktipps #4
Voraussetzungen für den Erfolg Morten Rand-Hendriksen hat den zweiten Artikel in seiner "Gutenberg and the Future of WordPress"-Reihe veröffentlicht. In Conditions for Success beschreibt Morten, ähnlich wie schon Daniel Bachhuber, was für eine erfolgreiche Einführung von Gutenberg notwendig ist. Er geht dabei auf die Punkte Accessibility, eine lange Test- und Übergangsphase, sowie einen möglichen Fork und was dieser…
-
Gutenberg 1.9
Am 11. Dezember wurde die mit Gutenberg 1.9 die 19. Betaversion veröffentlicht. Eine ausführliche Zusammenfassung mit allen Änderungen ist im Core Make-Blog zu finden, Die größte Neuerung des Release sind die globalen wiederverwendbaren Blöcke, aber es gibt auch Verbesserungen bei den Templates (diese können nun gesperrt werden), Versionierung von Blockattributen, so dass Markup migriert werden…
-
Gutenberg Linktipps #3
3 Dinge die man über Gutenberg wissen sollte Im Artikel WordPress is Changing. Here are 3 Things You Need to Know About Gutenberg beschreibt Morten Rand-Hendriksen wie man sich auf Gutenberg vorbereitet, warum Gutenberg mehr als ein Editor ist und wie man dabei mithelfen kann. State of the Word Transcript Im TinyMCE Block gibt es das vollständige…
-
Gutenberg Linktipps #2
Wie Gutenberg ein Erfolg werden kann Daniel Bachhuber hat sich einige Gedanken gemacht, wie wir es schafften, dass die überwiegende Mehrheit der WordPress Benutzer ab dem ersten Tag von Gutenberg begeistert ist und ihn ohne Probleme nutzen kann. Hierfür sieht er 2 Vorraussetzungen: Gute UX und Kompatibilität. Seine Idee, wie dies erreicht werden könnte, ist…
-
Gutenberg Linktipps #1
Werbung in der Gutenberg Welt Im Artikel Ads in a Gutenberg World macht sich Helen Hou-Sandi darüber Gedanken, wie Werbung in Blocks aussehen könnte. Es wäre möglich Werbung automatische in jedem 5. Block auszuspielen oder bereits bei Beginn Werbeanzeigen darzustellen, um die der Inhalt geschrieben wird. Dies ist allerdings nur eine Überlegung was möglich wäre. Ebenfalls nennt sie…