Bei einigen Core-Gutenberg-Blöcken wie etwa der Überschrift können in der Block-Sidebar unter dem Punkt Erweitert nicht nur eigene CSS-Klassen eingefügt werden, sondern auch ein HTML-Anker. Damit wird das id
-Attribut des Elements gesetzt, sodass mit einem Sprungmarkenlink darauf verwiesen werden kann.
Alles was dafür getan werden muss, ist bei der Block-Registrierung den folgenden Code anzugeben:
supports: {
anchor: true,
},
Code-Sprache: JavaScript (javascript)
Einfach, oder? Ja, es sei denn, es handelt sich bei dem Block um einen dynamischen Block, also einen der in der save
-Methode null
zurückgibt und sich in einer PHP-Funktion um das Rendering kümmert. In dem Fall wird zwar mit dem oben stehenden Schnipsel das Feld erzeugt, wir kommen aber nicht an den eingegebenen Wert dran, da er nicht als Attribut in der PHP-Funktion ankommt.
Ich habe einen nicht so schönen kleinen Umweg gefunden, um es trotzdem umzusetzen.
"Anchor-Support für dynamische Blöcke" Weiterlesen