Heute ist ein schöner Tag für alle, die Block Control verwenden, da Version 2.0.0 eine neue Funktion zum Ausblenden nach Breakpoints mitbringt.

Der WordPress Core hat in Version 6.9 die Einstellung für die Block-Sichtbarkeit hinzugefügt, um das Ausblenden von Blöcken innerhalb bestimmter Viewports zu ermöglichen. Da Block Control bereits ein praktisches Werkzeug ist, um Blöcke unter bestimmten Bedingungen auszublenden, stand es außer Frage, auch diese Funktionalität zu adaptieren und in einem einzigen Werkzeug zu vereinen.

Nach Viewport ausblenden

Mit Version 2.0.0 erlaubt dir Block Control, einzelne Viewports auszuwählen, in denen ein Block dann ausgeblendet ist. Die Standard-Viewports von WordPress (oder deiner theme.json) sind direkt verfügbar, aber auch das Hinzufügen individueller ist möglich. Einmal hinzugefügt, kann ein individueller Viewport dann auf der gesamten Website verwendet werden. Die integrierte Prüfung für individuelle Breakpoints gibt zudem direktes Feedback, ob der hinzugefügte Breakpoint tatsächlich gültig ist und im Browser funktioniert.

"Hide by viewport"-Panel mit einem Auswahlfeld und einem "Add media query"-Button, um zusätzliche Media Querys hinzuzufügen

Du kannst auch mehrere Media Querys hinzufügen, sodass er Block nur ausgeblendet, wenn alle Media Querys zutreffen.

Mehr Informationen über angewendete Einstellungen

Ähnlich wie bei der Core-Funktionalität zeigt die Dokumentübersicht nun ein kleines Symbol mit einem Tooltip an, wenn Sichtbarkeitseinstellungen für diesen Block gelten. Zusätzlich wurde das Icon in der Block-Seitenleiste verbessert und zeigt nun ebenfalls den Tooltip an. Wenn keine Sichtbarkeitseinstellungen mehr greifen, erhalten Screenreader-Nutzende jetzt eine entsprechende Benachrichtigung, und der Fokus wird auf das Sichtbarkeits-Panel anstatt auf das Seitenelement verschoben.

Block-Editor-Dokumentübersicht mit einem Absatzblock und einem durchgestrichenen Augen-Icon daneben mit einem Tooltip "Visibility settings apply to this block."
Sichtbarkeits-Panel in der Block-Seitenleiste im Block-Editor mit einem durchgestrichenen Augen-Icon und einem Tooltip "Visibility settings apply to this block."

Abhängigkeiten-Upgrade

Der Grund für das große Update auf Version 2 ist die Aktualisierung der Bibliothek zur Erkennung mobiler Endgeräte, wodurch nun mindestens PHP 8.0 erforderlich ist. Dies führte auch zu einer überarbeiteten Codebasis mit moderneren Funktionen im Vergleich zur alten Version, die noch mit PHP 5.6 kompatibel sein musste.

Tests

Keine Funktion, die man direkt sieht, aber für mich erwähnenswert: Block Control ist jetzt mein erstes Plugin mit Ende-zu-Ende-Tests. Das bedeutet, dass sowohl die eigentliche JavaScript-Oberfläche im Browser als auch das Frontend (und ob die Funktion zum Ausblenden von Blöcken funktioniert) automatisch getestet werden. Diese Tests laufen zudem unter allen unterstützten PHP-Versionen von 8.0 bis 8.5, um Fehler durch inkompatiblen Code zu vermeiden.

Es ist außerdem vollständig gegen Unit-Tests, statischer Code-Analyse und Code-Stil getestet.

Das war’s

Das waren die größten Änderungen für Block Control 2.0.0. Alle nennenswerten Änderungen findest du im Änderungsprotokoll.

Likes

Neuveröffentlichungen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Um auf deiner eigenen Website zu antworten, gib die URL deiner Antwort ein, die einen Link zur Permalink-URL dieses Beitrags enthalten sollte. Deine Antwort wird dann (möglicherweise nach der Moderation) auf dieser Seite erscheinen. Möchtest du deine Antwort aktualisieren oder entfernen? Aktualisiere oder lösche deinen Beitrag und gib die URL deines Beitrags noch einmal ein. (Mehr über die Funktion von Webmentions erfahren)