Elementor Version 3.31 ist da – und das ist ein großer Schritt nach vorn für Editor V4, das eine Reihe von Funktionen bietet, mit denen sich hochwertige, barrierefreie und optisch ansprechende Websites einfacher denn je erstellen lassen. Von Variablen und Filter zu semantische Auszeichnung und Verbesserungen der Arbeitsabläufe, … Bei dieser Version geht es vor allem darum, Ihnen mehr Kontrolle, mehr Übersicht und mehr kreative Freiheit zu bieten.
Ein leistungsstärkerer Editor V4 Alpha
Dieses Update bringt den Editor V4 Alpha noch einen Schritt weiter mit skalierbare Entwurfssysteme, moderne Gestaltungsmöglichkeitenund intelligentere Bearbeitungswerkzeuge.
Ganz gleich, ob Sie als Designer pixelgenaue Details anstreben oder als Entwickler eine umfangreiche Website optimieren möchten – diese Funktionen wurden entwickelt, um Ihre Arbeit schneller und intuitiver zu gestalten.
Wichtig: Editor V4 ist noch in Alpha — verwende es also nur bei Test- oder Staging-Seiten.
So aktivieren Sie die Funktion:
- Aktualisierung auf den neuesten Stand Elementor Version.
- Gehen Sie in WordPress zu Elementor → Einstellungen → Editor V4 Registerkarte.
- Klicken Aktivieren Sie.
Erstellen Sie einheitliche Designsysteme mit Variablen
Nie wieder jedes Element manuell neu formatieren. Variablen Damit können Sie Farben, Schriftarten und andere Eigenschaften einmalig festlegen und sie dann auf Ihre gesamte Website anwenden.
- Variablen definieren Sie die Wert (z. B. Primärfarbe, Schaltflächen-Schriftart).
- Globale Klassen definieren Sie die Geltungsbereich wo diese Variablen zum Tragen kommen.
Beispiel: Ändern Sie Ihre Markenfarbe in einer Variablen, und sie wird automatisch in allen Schaltflächen, Überschriften oder Abschnitten aktualisiert, in denen sie verwendet wird.
🔹 Administrator-Steuerung: Administratoren können Variablen erstellen, bearbeiten und verwalten.
🔹 Teamfähig: Redakteure und Autoren können Variablen anwenden, diese jedoch nicht ändern – so bleibt Ihr Designsystem geschützt.
Verbessern Sie Ihre Grafiken mit integrierten Filtern
Elementor 3.31 ergänzt 9 visuelle Filter direkt zu Editor V4:
Weichzeichnen, Helligkeit, Kontrast, Farbton drehen, Sättigung, Graustufen, Invertieren, Sepia, Schlagschatten.
- Mehrere Filter übereinander anordnen.
- Passen Sie die Einstellungen mit den gerätespezifischen Steuerelementen an (Prozentwerte, Pixel usw.).
- Integration mit Variablen, Klassen und Zuständen.
So lassen sich ganz einfach einzigartige Designs erstellen, ohne CSS zu verwenden.
Mit Backdrop-Filtern neue Maßstäbe setzen
Hintergrundfilter wenden Effekte an zu dem, was dahintersteckt ein Element – das moderne Stile wie Glasmorphismus.
Verwenden Sie es für:
- Hintergründe hinter transparenten Kopfzeilen verwischen.
- Erstellen Sie gut lesbare Textfelder über Videos oder unruhigen Bildern.
- Ebeneneffekte für raffinierte, moderne UI-Designs.
Tipp: Funktioniert am besten mit Elementen, die transparente Hintergründe.
Intelligentere Klassenverwaltung und Einblicke in die Nutzung
Die Aktualisierter Klassenmanager Zeigt nun die Verwendungshäufigkeit für jede globale Klasse an.
- Klicken Sie auf die Anzahl, um das Orientierungsleiste und genau zu sehen, wo die einzelnen Klassen vorkommen.
- Suchen, benennen Sie um oder entfernen Sie überflüssige Stile ganz ohne Bedenken.
Ideal für Teams und große Projekte mit Hunderten von Utility-Klassen.
Vererbte Stile auf einen Blick anzeigen
Editor V4 zeigt nun Folgendes an ausgeblendete Platzhalter für vererbte Stile – so können Sie sofort erkennen, ob ein Wert aus einer Klasse, einem Basisstil oder einem responsiven Breakpoint stammt.
Dieses kleine Detail hilft dabei, versehentliche Überschreibungen zu vermeiden und sorgt für ein übersichtliches Designsystem.
[Pro] Semantische Markups mit Attributen hinzufügen
Für Elementor Pro (Erweiterter Tarif+) Benutzer, die Attribut-Repeater ermöglicht es Ihnen, benutzerdefinierte HTML-Attribute hinzuzufügen:
- aria-* für Zugänglichkeit.
- data-* für Analysezwecke.
- Rolle aus Gründen der semantischen Klarheit.
Ideal für Entwickler, die Leistung, Compliance und Zugänglichkeit.
Neues Trennelement für übersichtliche Layouts
Das neue Trennelement ist ein semantisches <hr> — ideal, um Abschnitte ohne unnötigen Code voneinander zu trennen.
- Vollständig responsiv.
- Einfaches Styling mit Klassen.
- Trägt dazu bei, Ihr DOM schlank und wartbar zu halten.
Starten Sie noch heute mit Editor V4
Elementor 3.31 ist nicht nur ein Update – es ist ein Workflow-Aktualisierung.
Von skalierbaren Variablen über fortschrittliche Hintergrundfilter bis hin zu intelligenteren Klassen-Tools – das Programm wurde entwickelt, um Ihnen dabei zu helfen:
- Arbeite schneller.
- Bleib konsequent.
- Sorgen Sie für ein besseres Nutzererlebnis.
Jetzt aktivieren in Ihrem WordPress-Dashboard, probieren Sie es auf einer Staging-Seite aus und gestalten Sie die Zukunft von Elementor indem Sie Ihr Feedback auf GitHub teilen.
