TZM Responsive Block Controls

FAQ

Wie funktioniert TZM Responsive Block Controls hinter den Kulissen?

TZM Responsive Block Controls wendet responsive Stile auf deine Blöcke an, indem es eine Kombination aus CSS-Klassen und Inline-Styles mit CSS-Variablen verwendet.

CSS-Klassen: Für Funktionen wie das Ausblenden oder Umkehren von Blöcken weist das Plugin dem Blockelement CSS-Klassen zu. Beispiele sind:
.tzm-responsive__hidden__phone – Blendet den Block auf Handy-Bildschirmen aus.
.tzm-responsive__reverse__desktop – Kehrt die Flussrichtung des Blocks auf Desktop-Bildschirmen um.

Inline-Styles mit CSS-Variablen: Für Funktionen, die spezifische Werte erfordern, wie Schriftgröße oder Abstände, fügt das Plugin dynamisch Inline-Styles mit CSS-Variablen ein:
–tzm-responsive–font-size–tablet – Steuert die Schriftgröße auf Tablet-Bildschirmen.
–tzm-responsive–padding-top–laptop – Passt den oberen Abstand auf Laptop-Bildschirmen an.

Hinweis: Dieses Plugin verwendet !important-Deklarationen, um sicherzustellen, dass die Stile korrekt angewendet werden. Auch wenn die Verwendung von !important normalerweise nicht empfohlen wird, ist sie in bestimmten Fällen notwendig, um ein konsistentes, responsives Verhalten auf allen Geräten zu gewährleisten. Bitte beachte dies.

Funktioniert TZM Responsive Block Controls mit Blöcken von Drittanbietern?

Obwohl das Plugin in erster Linie für die WordPress-Core-Blöcke entwickelt wurde, sollten einige der responsiven Funktionen auch mit Blöcken von Drittanbietern funktionieren. Allerdings verhalten sich Drittanbieter-Blöcke nicht immer wie die Core-Blöcke, was zu unerwarteten Ergebnissen führen oder die Responsivität beeinträchtigen kann.

Teile uns gerne mit, welche Blöcke oder Plugins TZM Responsive Block Controls deiner Meinung nach unterstützen sollte 🙂

Kann ich meine eigenen Breakpoints definieren?

Ja, du kannst die Standard-Breakpoints, die von TZM Responsive Block Controls verwendet werden, ganz einfach anpassen. Füge dazu einfach den folgenden Code in die functions.php-Datei deines Themes ein:

    function override_responsive_block_controls_breakpoints( $breakpoints ) {
            $breakpoints['phone']   = '781px';
            $breakpoints['tablet']  = '1024px';
            $breakpoints['laptop']  = '1366px';
            return $breakpoints;
        }
        add_filter('tzm_responsive_block_controls_breakpoints', 'override_responsive_block_controls_breakpoints');

Dadurch werden die Standard-Breakpoints überschrieben, und du kannst deine eigenen Werte verwenden.

Ich möchte mein eigenes CSS verwenden. Wie kann ich das Standard-CSS-Styling deaktivieren?

Wenn du deine eigenen CSS-Stile für Blöcke verwenden möchtest, kannst du die Standard-CSS-Ausgabe des Plugins deaktivieren, indem du diesen Code in die functions.php-Datei deines Themes einfügst:

    function enqueue_responsive_block_controls_css( $bool ) {
            return false;
        }
        add_filter('tzm_responsive_block_controls_output_css', 'enqueue_responsive_block_controls_css');

Funktioniert es mit klassischen Themes?

Nein, dieses Plugin ist speziell für die Verwendung mit dem Block-Editor entwickelt und funktioniert nur mit blockbasierten Themes.
Es unterstützt keine klassischen Themes, die das ältere Editor-Framework verwenden.

Was passiert, wenn ich das Plugin deinstalliere?

Wenn du TZM Responsive Block Controls deinstallierst, werden alle responsiven Anpassungen (z.B. das Ausblenden von Blöcken, Abstände) nicht mehr funktionieren.
Dein Inhalt bleibt jedoch erhalten, und die Blöcke kehren zu ihrem Standardstil und -verhalten auf allen Geräten zurück.