Diese Woche hat das Theme-Review-Team um Feedback zum Thema gebeten, ob für im WordPress.org-Repo gehostet Themes eigene Blöcke für den neuen Editor erlaubt sein sollten oder nicht. "WordPress-Wochenrückblick KW10: sollten Themes im W.org-Repo eigene Blöcke mitbringen dürfen und mehr" Weiterlesen
Blog
CSS-Regeln nur bei deaktiviertem JavaScript anwenden
Manchmal gibt es CSS-Eigenschaften, die nur bei deaktiviertem JavaScript greifen sollen. Bei dem Lazy-Loading-Plugin Lazy Loader zum Beispiel sollen die Bilder mit der lazyload
-Klasse versteckt werden, wenn JS nicht aktiv ist.
Bisher habe ich das über eine Klasse gelöst, die via JS dem html
- oder body
-Element hinzugefügt wird – ohne Klasse werden die Bilder versteckt, wenn die Klasse da ist werden sie angezeigt.
Jetzt hat mich der User wprox im W.org-Support-Forum auf eine alternative Lösung aufmerksam gemacht, die er im Blogartikel »Nice and easy lazy loading with lazysizes.js« von Steve McKinney gefunden hat: Die Styles für deaktiviertes JavaScript einfach in ein noscript
-Element schreiben.
Statt also über JavaScript einem Element eine Klasse hinzuzufügen und dann in CSS diese Klasse zu nutzen, um Styles für deaktiviertes JavaScript zu überschreiben, sieht es in meinem Plugin jetzt so aus:
<noscript>
<style>
.lazyload {
display: none;
}
</style>
</noscript>
Code-Sprache: HTML, XML (xml)
Eigentlich ist diese Lösung ja recht naheliegend, mir ist sie vorher aber nie in den Sinn gekommen.
WordPress-Wochenrückblick KW9: Datenbank mit Infos zur Gutenberg-Kompatibilität von Plugins und mehr
Daniel Bachhuber hat eine Datenbank vorgestellt, die für 5.000 Plugins aus dem W.org-Verzeichnis Informationen zur Kompatibilität mit dem Gutenberg-Editor bereitstellen soll. "WordPress-Wochenrückblick KW9: Datenbank mit Infos zur Gutenberg-Kompatibilität von Plugins und mehr" Weiterlesen
WooCommerce-Produktvariante über die REST-API anlegen
Wie das Hinzufügen eines Produktes mit der REST-API ist auch das Anlegen einer oder mehrerer Varianten relativ schnell gemacht – ich nutze dafür wie in meinem letztwöchigen Beitrag die PHP-Bibliothek.
"WooCommerce-Produktvariante über die REST-API anlegen" WeiterlesenWordPress-Wochenrückblick KW8: übersetztes Login-Formular auf WordPress.org und mehr
Die Formulare für Login und Registrierung auf WordPress.org sind jetzt übersetzbar und sollten in eurer Sprache erscheinen.
"WordPress-Wochenrückblick KW8: übersetztes Login-Formular auf WordPress.org und mehr" Weiterlesen
WooCommerce-Produkt mit PHP über die REST-API hinzufügen
WooCommerce bringt eine REST-API mit, über die beispielsweise Produkte angelegt werden können. Hier zeige ich, wie genau das funktioniert.
"WooCommerce-Produkt mit PHP über die REST-API hinzufügen" WeiterlesenWordPress-Wochenrückblick KW7: verschachtelte Blöcke in Gutenberg und mehr
Der dieswöchige Gutenberg-Release bringt – neben anderen Dingen – die Möglichkeit zur Verschachtelung von Blöcken mit. "WordPress-Wochenrückblick KW7: verschachtelte Blöcke in Gutenberg und mehr" Weiterlesen
svg- und use-Element mit JavaScript erzeugen
SVG-Elemente dynamisch über JavaScript zu erstellen ist gar nicht so einfach, wie ich erst dachte … In diesem Beitrag zeige ich, wie sich mit JS ein SVG-Element erzeugen lässt, das über ein use
-Element ein Symbol anzeigt.
WordPress-Wochenrückblick KW6: WordPress 4.9.3, 4.9.4 und mehr
Diese Woche wurden gleich zwei neue Versionen von WordPress veröffentlicht – die geplante 4.9.3 und die ungeplante 4.9.4. "WordPress-Wochenrückblick KW6: WordPress 4.9.3, 4.9.4 und mehr" Weiterlesen
Validierung von Customize-Settings mit Ausgabe von Fehlermeldungen
Seit WordPress 4.6 ist es recht leicht möglich, eine Validierung von Customize-Settings einzubauen, die dem User bei einem Fehler eine entsprechende Rückmeldung gibt. Hier zeige ich kurz, wie das funktioniert.
"Validierung von Customize-Settings mit Ausgabe von Fehlermeldungen" Weiterlesen