Problem
Elementor erlaubt zwar Padding- und Margin-Werte, aber:
- Abstände sind nicht visuell greifbar
- Änderungen brauchen viele Klicks
- Feinjustierung ist langsam
- Negative Margins sind umständlich
- Design-Feintuning im Editor kostet Zeit
Gerade bei komplexen Layouts (Container, verschachtelte Strukturen) wird Abstand zu einem Klick-Marathon.
Lösung
Quick Spacer erweitert den Elementor-Editor um ein visuelles Drag-System für Padding und Margin.
Im Editor erscheinen interaktive Spacer-Zonen an:
- Container
- Sections
- Columns
- Widgets
Abstände lassen sich direkt per Drag ändern.
Zusätzlich:
- Shortcut: Alt/Option + S
- Konfigurierbarer Drag-Jump (px)
- Unterstützung für negative Margin
- Funktioniert mit Container-Experiment
Nur im Editor aktiv. Frontend bleibt unberührt.
- Ergebnis
- Abstände lassen sich in Sekunden anpassen
- Kein Umweg über Style-Tabs
- Bessere visuelle Kontrolle
- Weniger Klicks
- Schnelleres Layout-Finetuning
Internes Produktivitäts-Tool.
Technische Struktur
quick-spacer/
– quick-spacer.php
– spacer/
— controls.php
— editor.min.js
— preview.min.css
Sicherheit
- Lädt nur wenn Elementor aktiv ist
- Funktioniert nur im Editor
- Kein Einfluss auf Frontend