Blog · Seite 4 · Florian Brinkmann

Attribute des Block-Edit-Wrappers verändern

Veröffentlicht am 6. März 202020. August 2020

Im Gutenberg-Editor liegen ein paar Wrapper-Elemente um das Markup aus der edit-Funktion. Der äußerste hat die wp-block-Klasse und ein data-block-Attribut, in dem der Name des Blocks mit dem Namespace steht, bei dem Gruppe-Block beispielsweise core/group.

Die Attribute dieses Wrappers lassen sich verändern, so können zum Beispiel Klassennamen eingefügt werden, die etwas über den Wert von Block-Einstellungen aussagen, was für das Styling des Blocks im Backend vorteilhaft oder notwendig sein kann.

Gutenberg-Eingabefeld wie das für Schlagwörter erstellen

Veröffentlicht am 23. Februar 202023. Februar 2020

In einem meiner aktuellen Projekte sollte es möglich sein, für Beiträge eines Custom-Post-Types Verknüpfungen zu Beiträgen eines anderen CPTs herzustellen. Ich wusste nicht genau, welche Gutenberg-Komponente dafür am besten geeignet wäre, bin dann aber an dem Feld für die Schlagwörter normaler Beiträge hängen geblieben: bei Nutzereingabe erscheinen passende Schlagwörter und können einer Auswahl hinzugefügt werden.

Mit dem FormTokenField-Feld kann das Verhalten nachgebaut werden, in der verlinkten Readme sind alle Optionen für die Komponente aufgeführt. Damit war die Komponente gefunden, die ich nutzen wollte, statt Schlagwörtern werden CPT-Posts vorgeschlagen.

Veröffentlichen und Aktualisieren in Gutenberg verhindern, bis Bedingung erfüllt ist

Veröffentlicht am 9. Februar 20209. Februar 2020

In Gutenberg kann der Button zum Veröffentlichen und Aktualisieren deaktiviert werden. So wäre es beispielsweise möglich, vor dem Veröffentlichen eines Custom-Post-Type-Inhalts das Ausfüllen eines Blocks zu erzwingen, mit dem Metadaten für den Inhalt gespeichert werden, die bei der Ausgabe benötigt werden. Hier zeige ich, wie das funktioniert.

Updates bei Block-Plugins und die oft verzögerte Auswirkung aufs Frontend

Veröffentlicht am 26. Januar 202026. Januar 2020

Ich bin ein großer Fan von Gutenberg. In den letzten Wochen hatte ich allerdings gleich mehrfach das zweifelhafte Vergnügen, bei dem Seiten nach dem Aktualisieren plötzlich im Frontend zerschossen waren, obwohl nicht groß etwas geändert wurde.

Der Grund: ein Block-Plugin hatte ein Update spendiert bekommen, mit dem das Markup der Blöcke geändert wurde. Dadurch griffen CSS-Änderungen nicht mehr, die ich im Theme gemacht hatte. Gut, das hätte auch mit Markup passieren können, das über Shortcodes generiert wird.

Korrekte Meta-Werte nach Post-Update im Block-Editor bekommen

Veröffentlicht am 12. Januar 202012. Januar 2020

Vorwort: Torsten Landsiedel hat das #Projekt26 gestartet, bei dem über ein Jahr alle zwei Wochen ein Blogbeitrag und ein Kommentar zu einem anderen #Projekt26-Artikel geschrieben werden sollen. Ich versuche mich auch daran, um das Blog wieder etwas regelmäßiger mit Beiträgen zu füllen. Hier mein (kurzer) Start-Beitrag.

Manchmal ist es notwendig, nach dem Speichern eines Posts eine bestimmte Aktion mit den aktualisierten Daten durchzuführen. Der Block-Editor macht es einem da insofern schwer, als dass die bisherigen Hooks wie save_post oder post_updated nicht wie erwartet funktionieren: die Metawerte stimmen zu dem Zeitpunkt noch nicht, sondern sind auf dem alten Stand von vor der Aktualisierung.

Abhilfe schafft der rest_after_insert_{$this->post_type}-Action-Hook, der als ersten Parameter das Post-Objekt erhält ({$this->post_type} muss durch den Bezeichner des Post-Types ersetzt werden, also beispielsweise post oder page). Wenn zu diesem Objekt dann via get_post_meta() Daten ermittelt werden, handelt es sich um die neuen Werte.

Bereiche in der Block-Editor-Sidebar ausblenden

Veröffentlicht am 3. November 20198. Februar 2020

Die Dokument-Sidebar des Block-Editors ist in unterschiedliche Bereiche unterteilt, etwa einen für das Beitragsbild und bei Beiträgen einen für Schlagwörter. Manchmal kann es sinnvoll sein, bestimmte Bereiche auszublenden, um die Sidebar übersichtlicher zu machen, etwa wenn keine Beitragsbilder genutzt werden. Hier zeige ich, wie das funktioniert.

Post-Type im Block-Editor ermitteln

Veröffentlicht am 6. Juli 20198. Februar 2020

Wenn in einem Script für den Block-Editor nach dem Post-Type unterschieden werden muss, könnt ihr euch über den folgenden Aufruf den Inhaltstyp zurückgeben lassen:

wp.data.select('core/editor').getCurrentPostType()
Code-Sprache: JavaScript (javascript)

Block-Templates für neue Seiten, Beiträge und Custom Post Types definieren

Veröffentlicht am 23. Mai 20198. Februar 2020

Es gibt bei dem Block-Editor von WordPress die Möglichkeit, Templates von Blöcken zu definieren, die beim Erstellen neuer Inhalte automatisch eingefügt werden. Hier zeige ich, wie das funktioniert und wie auch wiederverwendbare Blöcke in Templates genutzt werden können.

save-Funktion eines Blocks ändern

Veröffentlicht am 7. März 20198. Februar 2020

Manchmal findet man einen Block für den WordPress-Block-Editor, der fast ist was man braucht, aber das in der Datenbank gespeicherte Markup müsste ein bisschen verändert werden. Dieser Beitrag zeigt, wie wir das über die Filterung der save-Funktion eines Blocks hinbekommen können.

Bestimmte Gutenberg-Blöcke eines Beitrags im Theme an anderer Stelle ausgeben

Veröffentlicht am 20. Januar 20192. April 2020

Manchmal kann es gewollt sein, bestimmte Inhalte eines Beitrags oder einer Seite an anderer Stelle auszugeben als es WordPress standardmäßig vorsieht, zum Beispiel einen Slider über dem Titel eines Beitrags. Hier zeige ich euch, wie ihr die Gutenberg-Blöcke eines Beitrags im Theme Block für Block durchlaufen könnt, um das zu bewerkstelligen.