Manchmal musst du möglicherweise einzigartige Daten in einem Block speichern, um ihn später identifizieren zu können. Daher musst du dafür sorgen, dass es keine doppelten Block-Attribute gibt. In meinem Fall möchte ich eine einzigartige Block-ID speichern. Dafür ist die clientId
nützlich, da sie bereits per Definition einzigartig ist (es ist ein Universally Unique Identifier, der bei jedem Ladevorgang des Editors für jeden Block generiert wird).
Seit WordPress 5.9 gibt es die neue Funktion wp_enqueue_block_style
, um Block-Stile nur einzubinden, wenn sie benötigt werden, also wenn der entsprechende Block auf der aktuellen Seite angezeigt wird. Während das einen großen Mehrwert bietet, gibt es dabei keine Unterstützung für Skripte. Wenn dein Block also entsprechendes JavaScript nur für das Frontend benötigt, gibt es dafür keine vorgefertigte Funktion in WordPress.
Während der Anpassung von Farbwerten in PHP suchte ich einem Weg, rgb()
und rgba()
in ihre jeweiligen Hex-Äquivalente zu transformieren, da ich diese mehr mag und einfacher damit weiterarbeiten kann. Und da die Hex-Notation nun schon eine Weile in CSS auch den Alpha-Kanal definieren kann, gibt es keinen Showstopper, um dafür eine Lösung zu bauen. Aber eben weil diese Notation des Alpha-Kanals noch recht neu ist, konnte ich keinen Code-Snippet in der Wildnis finden, der das tut, was ich wollte. Also schrieb ich ihn selbst.
get_option
und get_theme_mod
kommen mit einem praktischen zweiten Parameter, um einen Standardwert zu definieren, wenn die Option/Theme Mod nicht verfügbar ist. Dennoch ist der Rückgabewert dieser Funktionen manchmal leer, obwohl ein Standardwert gesetzt ist. Wir schauen uns an, wie das möglich ist.
Sobald du eine Seite als Beitragsseite definierst, listet sie automatisch alle Beiträge auf. Aber wie kannst du davor oder danach individuelle Inhalte anzeigen lassen?
Individuelle Inhalte auf der Beitragsseite anzeigen weiterlesenDie Verwendung von React im Block-Editor ist selbsterklärend, da alle Anforderungen bereits gegeben sind. Aber was, wenn du React auf einer individuellen Seite verwenden willst? In meinem Fall wollte ich React auf einer individuellen Einstellungsseite verwenden. Da ich darüber keine Informationen finden konnte, wie das funktioniert, habe ich mir das einmal näher angesehen.
React auf einer eigenen WordPress-Seite verwenden weiterlesenWusstest du, dass es eine Vorschau aller UI-Komponenten des Block-Editors gibt? Nein? Ich auch nicht! Nur über einen Link in einem Issue bin ich zufällt auf diese tolle Dokumentation gestoßen, die ich gerne teile!
Vorschau aller UI-Komponenten des Block-Editors weiterlesenBlock-Editor: Einstellungen in der Dokument-Seitenleiste hinzufügen
Veröffentlicht: – Kommentar hinterlassenWenn du ein neues Kontrollelement zur Seitenleiste eines existierenden Blocks hinzufügen willst, gibt es dafür Filter. Oder wenn es dein eigener Block ist, kannst du dafür die InspectorControls
verwenden. Aber wenn du globale Einstellungen hinzufügen willst, die eine Einstellung für den gesamten Beitrag festlegen, dann musst du das anders machen.
Da ich selbst keine vernünftig beschriebene und aktuelle Lösung in einem Blogbeitrag oder einer Dokumentation finden konnte, ist hier nun mein eigener.
Block-Editor: Einstellungen in der Dokument-Seitenleiste hinzufügen weiterlesenInhaltstypen haben üblicherweise eine hübsche Listenansicht im Backend (wenn auf öffentlich gesetzt), um die Inhalte aufzulisten. Um diese Liste anzupassen, müsstest du allerdings an einigen Stellen eingreifen, um die Spalteninhalte, die Tabellen-Köpfe und die Sortierung an deine Wünsche anzupassen.
Daher zeige ich heute eine andere Variante, über die eigene Inhalte auf einer individuellen Seite mit einer ähnlichen, aber dennoch eigenen Seiten-Nummerierung ausgegeben wird.
Seiten-Nummerierung auf eigenen Optionsseiten weiterlesenBeschränkt man die Breite eines Suchfeldes, verwendet aber einen entsprechend langen Platzhalter-Text, so wird dieser bereits vor Ende des Eingabefelds abgeschnitten. Wieso? Weil Safari hier Platz für ein Icon lässt, das bei eingegebenem Text das Textfeld wieder leeren kann.
Suchfeld in Safari: Platzhalter abgeschnitten weiterlesen