WordPress-Plugin

Cavano Bootstrap Matrix

Bootstrap-Abstände visuell im Block-Editor

Margin- und Padding-Klassen per Box-Modell setzen – für alle Breakpoints, ohne Code im Frontend.

  • Version 1.0.1
  • Verfügbar
  • WordPress 6.2+, PHP 7.4+, Bootstrap-basiertes Theme

Funktionen

Abstände setzen, ohne Klassen zu tippen.

Für Bootstrap-basierte Themes: Ein Box-Modell in der Block-Seitenleiste schreibt die passenden Margin- und Padding-Klassen – für jeden Breakpoint.

Visuelles Box-Modell

Außen- und Innenabstände per Klick auf die jeweilige Seite – wie in den Entwicklertools des Browsers.

Alle Breakpoints

Base, sm, md, lg, xl und xxl – unterschiedliche Abstände für jede Bildschirmgröße.

Negative und automatische Werte

Auch negative Abstände und „auto“, etwa zum Zentrieren.

Verknüpfte Seiten

Eine Seite, eine Achse oder alle Seiten auf einmal setzen.

Synchron mit Zusatzklassen

Die Klassen landen im Feld „Zusätzliche CSS-Klassen“ – manuell ergänzte Klassen bleiben erhalten.

Nur im Editor

Kein Code im Frontend, keine gespeicherten Einstellungen, keine Verbindung zu externen Diensten.

So sieht es aus

Das Box-Modell in der Seitenleiste.

Block wählen, im Reiter „Stile“ das Panel öffnen und Abstände für jeden Breakpoint setzen – die Klassen erscheinen sofort im Feld „Zusätzliche CSS-Klassen“.

  • Margin außen, Padding innen
  • Einzeln, pro Achse oder für alle Seiten
  • Erkannte Klassen auf einen Blick

Ablauf

In drei Schritten zum richtigen Abstand.

  1. Installieren

    Plugin hochladen und aktivieren.

  2. Block wählen

    In der Seitenleiste den Tab „Stile“ öffnen und das Panel „Cavano Bootstrap Matrix“ aufklappen.

  3. Werte setzen

    Breakpoint wählen, Seite anklicken, Wert setzen – fertig.

Fragen

Häufige Fragen.

Lädt das Plugin Bootstrap?

Nein. Es erzeugt nur die passenden CSS-Klassen im Editor. Das Theme muss Bootstrap (oder zumindest die Abstands-Klassen) im Frontend laden.

Negative Abstände wirken nicht – warum?

In Bootstrap 5 werden negative Klassen wie „mt-n3“ nur erzeugt, wenn „$enable-negative-margins“ im Bootstrap-Build aktiviert ist.

Welche Blöcke werden unterstützt?

Alle Blöcke, die das Feld „Zusätzliche CSS-Klassen“ anbieten.

Wo finde ich das Panel?

Im Tab „Stile“ der Block-Seitenleiste, standardmäßig zugeklappt – damit blockeigene Einstellungen (z. B. SCF-Felder) oben im Tab „Einstellungen“ bleiben.

Kann ich die Matrix für bestimmte Blöcke ausblenden?

Ja, über den PHP-Filter „cavano_bootstrap_matrix_excluded_blocks“ oder den JavaScript-Filter „cavanoBootstrapMatrix.excludedBlocks“ – auch für ganze Namensräume.

Cavano Bootstrap Matrix

Interesse am Plugin?

Fragen zur Einrichtung, zu Ihrem Hosting oder zu einer Anpassung für Ihr Projekt? Schreiben Sie mir – der Betreff ist schon ausgefüllt.

    Felder mit * sind Pflichtfelder.

    Ihre Angaben verwende ich ausschließlich zur Bearbeitung Ihrer Anfrage. Mehr dazu in der Datenschutzerklärung.

    Weitere Plugins

    • Cavano Mailer

      Zuverlässiger E-Mail-Versand für WordPress

      Verfügbar

    • Cavano Compass

      KI-geführte Suche für WordPress

      In Entwicklung