Veröffentlicht am Schreib einen Kommentar

CSS für Block-Vorlagen nur laden, wenn erforderlich

Block-Vorlagen sind sinnvoll, um schnell Inhalte auf unterschiedliche Seiten zu bringen, die im Aufbau identisch sind. Benötigt man hierfür jedoch individuelles CSS für einzelne Vorlagen, gibt es aktuell keine vorgefertigte Möglichkeit im WordPress Core, das CSS nur dann zu laden, wenn die Vorlage auf der aktuellen Seite auch wirklich verwendet wird. Dem kann man aber Abhilfe schaffen.

CSS für Block-Vorlagen nur laden, wenn erforderlich weiterlesen
Veröffentlicht am Schreib einen Kommentar

Gutenberg: Wiederverwendbare Blöcke und has_block()

Nutzt man wiederverwendbare Blöcke und möchte mit has_block() prüfen, ob ein bestimmter Block innerhalb eines Beitrags verwendet wird, so werden die Inhalte wiederverwendbare Blöcke dabei ignoriert. Dadurch kann es hierbei zu „false negatives“ führen, also falsch-negative Erkennungen.

Gutenberg: Wiederverwendbare Blöcke und has_block() weiterlesen
Veröffentlicht am Schreib einen Kommentar

Caching für Assets (in der Entwicklung) verhindern

Browser-Caching ist eine tolle Sache, aber während der Entwicklung kann es oftmals hinderlich sein, schließlich möchte man immer die neueste Dateiversion anzeigen. Standardmäßig werden in WordPress insbesondere JavaScript- und CSS-Dateien mit einem sogenannten Query-Parameter ausgestattet. Dieser erlaubt es, beim Erhöhen der Version des Projekts dafür zu sorgen, dass alle Browser die neueste Version der Dateien laden.

Caching für Assets (in der Entwicklung) verhindern weiterlesen
Veröffentlicht am 2 Kommentare

Einfache JavaScript-Tabs im WordPress-Backend

Standardmäßig wird beim Wechsel von Tabs im WordPress-Backend immer eine neue Seite aufgerufen. Mit nur wenigen Änderungen kann man eine JavaScript-Variante einbinden, wodurch der Wechsel zwischen den einzelnen Tabs wesentlich beschleunigt wird. In meinem nachfolgenden Beispiel geht das deshalb so schnell, weil sämtliche Inhalte aller Tabs direkt beim ersten Seitenaufruf geladen und lediglich per Ein- und Ausblenden entsprechender Inhalts-Container dargestellt werden.

Einfache JavaScript-Tabs im WordPress-Backend weiterlesen
Veröffentlicht am Schreib einen Kommentar

„nonce“-Verifizierung von auto-generierten „settings_fields“

Mit der Funktion wp_verify_nonce hat WordPress bereits eine einfach zu nutzende Funktion, Nonces zu verifizieren. Bei selbst angelegten Nonces geht das auch recht einfach über wp_nonce_field, nicht jedoch innerhalb von settings_fields.

Letzteres erstellt untere anderem selbst über wp_nonce_field ein entsprechendes Nonce-Feld, wodurch man allerdings nicht direkt weiß, wie dessen action-Name lautet.

„nonce“-Verifizierung von auto-generierten „settings_fields“ weiterlesen
Veröffentlicht am Schreib einen Kommentar

Deployment ins WordPress.org-Repository mit GitLab

Mit Impressum, dem ersten öffentlichen Plugin im WordPress.org-Repository, an dem ich als Teil von Epiphyt mitwirke, war es für uns eine wichtige Möglichkeit, ein automatisches Deployment in selbiges nutzen zu können. Es gibt zwar bereits vorhandene Lösungen (beispielsweise hier), die habe ich im Voraus ehrlicherweise jedoch gar nicht erst gesucht.

Deployment ins WordPress.org-Repository mit GitLab weiterlesen
Veröffentlicht am Schreib einen Kommentar

Netzwerk-Einstellungen via WordPress-API hinzufügen

In einem älteren Plugin habe ich bereits Netzwerk-Einstellungen manuell in WordPress eingebaut. Doch wie geht das über die WordPress-API? Auch dafür gibt es glücklicherweise einen Weg, und dieser ist ziemlich elegant.

In meinem Fall ging es darum, bereits vorhandene Seiteneinstellungen auch über die Netzwerk-Einstellungen zu konfigurieren, um eine Art Vorauswahl zu schaffen. Dadurch hatte ich schon Seiteneinstellungen via add_settings_field() hinzugefügt. Diese wollte ich natürlich nicht nochmal separat hinzufügen müssen.

Netzwerk-Einstellungen via WordPress-API hinzufügen weiterlesen
Veröffentlicht am Schreib einen Kommentar

Theme-Support für Gutenberg-Funktionen hinzufügen

Zwar ist die grundlegende Unterstützung von Gutenberg im eigenen Theme bereits dann zumindest größtenteils gegeben, wenn auch der Standard-Editor unterstützt wird, allerdings gibt es neue Funktionen, die erst im Theme selbst aktiviert werden müssen, bevor sie in Gutenberg genutzt werden können.

Theme-Support für Gutenberg-Funktionen hinzufügen weiterlesen
Veröffentlicht am 2 Kommentare

Performant eigene Schriften in ein Theme einbinden

Heutzutage ist es sehr einfach, eigene Schriften in ein eigenes Theme einzubinden. Doch gibt es ein paar Dinge, die man beachten sollte, um das Ganze auch performant zu halten. Insbesondere auf Mobilgeräten, die mittlerweile oft mehr als 50 % der Aufrufe einer Website durchführen, ist jede gewonnene Zehntelsekunde ein Mehrwert. Daher werde ich nachfolgend ein paar Performance-Vorschläge machen, die jeder schnell umsetzen kann, der sich ein wenig mit Theme-Anpassungen auskennt.

Performant eigene Schriften in ein Theme einbinden weiterlesen