WordPress plus Elementor 3.5: Wie du im Jahr 2022 schneller und innovativer deine Website erstellen kannst!

Elementor 3.5 bietet zum Jahreswechsel 2022 Verbesserungen für deinen Workflow sowie neue Designfunktionen. So kannst du Websites noch schneller erstellen und gleichzeitig sicherstellen, dass sie makellos gestaltet, interaktiv und höchst ansprechend sind. Damit du im Jahr 2022 schneller und innovativer deine Website erstellen kannst!

Elementor 3.5 bietet Verbesserungen für deinen Workflow sowie neue Designfunktionen. So kannst du Websites noch schneller erstellen und gleichzeitig sicherstellen, dass sie makellos gestaltet, interaktiv und höchst ansprechend sind.

Webentwickler*innen sind ständig auf der Suche nach Möglichkeiten, schneller zu arbeiten und innovative Designs zu erstellen, die ihre Nutzer*innen bei der Stange halten. Um die Durchlaufzeit deiner Projekte zu beschleunigen, enthält Elementor 3.5 drei neue Workflow-Funktionen, die dir helfen, deinen Erstellungsprozess erheblich zu verkürzen, darunter Widgets als Favoriten markieren, vom Desktop ziehen und Mehrfachauswahl. Elementor 3.5 enthält auch neue Funktionen, die dein Design-Repertoire erweitern und es dir ermöglichen, hochentwickelte Websites mit Elementor zu erstellen und gleichzeitig die Anzahl der Plugins und des benutzerdefinierten Codes zu reduzieren, die erforderlich sind, um die gleichen fortschrittlichen Erscheinungsbilder zu erzielen, einschließlich Transform, Text Stroke und Word Spacing.

Zusätzlich zu den neuen Arbeitsabläufen und Designfunktionen erhält die Experimentieroberfläche ein neues Aussehen, das es dir erleichtert, die Stabilität jedes Experiments zu verstehen, sowie ein neues Experiment zur Verbesserung der Performance deiner Website – Inline Font Icons.

Schnellerer Website-Erstellungsprozess

Widgets als Favoriten markieren: Personalisiere dein Editor-Panel

Beim Erstellen von Websites mit Elementor hast du wahrscheinlich bemerkt, dass du zu bestimmten Widgets tendierst und diese häufiger verwendest als andere. Indem du die von dir am häufigsten verwendeten Widgets im Bereich „Favoriten“ anheftest, kannst du das Editor-Bedienfeld an deine eigenen Bedürfnisse anpassen und deine Lieblingswidgets schneller finden.

Vom Desktop ziehen: Medien- und Vorlagendateien direkt in den Editor ziehen

Das Einfügen von Medien- und Vorlagendateien (.json) in deinen Editor war noch nie so einfach. Mit diesem Update kannst du eine oder mehrere Medien- oder Vorlagendateien direkt in deinen Editor ziehen. Mediendateien können in ein bestehendes Widget auf der Seite gezogen werden (Bild, Video oder GIF), oder sie können in den Editor gezogen werden, wobei das entsprechende Widget automatisch hinzugefügt wird. Mediendateien, die in den Editor gezogen wurden, werden auch der Medienbibliothek hinzugefügt, während Vorlagendateien (.json) der Vorlagenbibliothek hinzugefügt werden.

Mehrfach-Auswahl: Mehrere Elemente auf einmal beeinflussen

So wie du auf deinem Desktop mit der Tastenkombination STRG/CMD mehrere Elemente auf einmal auswählen kannst, kannst du dies jetzt auch für Abschnitte, Spalten oder Widgets in deinem Editor oder im Navigator tun. Mit der Mehrfachauswahl kannst du mehrere Elemente auf einmal auswählen: kopieren, löschen, duplizieren, einfügen, Stil einfügen und Stil zurücksetzen.

Verbesserte Designmöglichkeiten

Transformieren: Mehr Interaktivität mit einzigartigen und animierten Designs

Wenn du über den Tellerrand hinausschaust und Elemente anpasst und animierst, wird deine Website einzigartig und steigert das Engagement und die Neugier der Nutzer*innen. Dies wiederum ermöglicht es dir, die Verweildauer der Nutzer auf jeder Seite und die Anzahl der besuchten Seiten zu erhöhen.

Mit Transform kannst du alle Möglichkeiten von CSS Transform nutzen, ohne Code schreiben zu müssen. Passe das Layout von Elementen auf deiner Seite an, indem du sie in ihrem normalen Zustand oder beim Hovern drehst, schräg stellst, versetzt, skalierst oder spiegelst. So kannst du beispielsweise ein Bild um 45° drehen, so dass es im Normalzustand schräg statt hochkant erscheint. Oder du kannst das Bild in seinem normalen Zustand aufrecht stehen lassen und es beim Schweben um 45° drehen, damit es animiert und schräg erscheint. Um animierte Designs zu erzielen, die noch fortschrittlicher sind, kannst du Transformieren mit Bewegungseffekten kombinieren.

Text Stroke: Mache deine Überschriften auffällig

Auffällige Überschriften wecken die Aufmerksamkeit deiner Nutzer*innen und helfen ihnen, sich auf bestimmte Teile deiner Seite zu konzentrieren. Um deine Designflexibilität zu erhöhen, haben Überschriften ein neues Steuerelement erhalten – Text Stroke, mit dem du ihnen eine Kontur hinzufügen kannst.

Mit diesem Steuerelement kannst du auch transparente Überschriften entwerfen, die nur mit einem Umriss versehen sind, um verblüffende visuelle Effekte zu erzielen, bei denen es so aussieht, als ob die Buchstaben ausgeschnitten wurden und der Hintergrund durch sie hindurch zu sehen ist. Um diesen Effekt zu erzielen, stellst du die Farbe der Überschrift auf transparent ein und wählst eine Textkontur in einer anderen Farbe als den Hintergrund, um die Überschrift hervorzuheben.

Wortabstände: Optimiere das Leseerlebnis deiner Nutzer*innen

Wenn du den Abstand zwischen den Wörtern anpasst, kannst du das optische Erlebnis deiner Nutzer*innen verbessern und deine Botschaft besser vermitteln. Mit dem neuen Steuerelement für den Wortabstand, das in jedem Textwidget verfügbar ist, hast du jetzt eine bessere Kontrolle über den Abstand zwischen den einzelnen Wörtern, genau wie bei den Buchstabenabständen. So kannst du das Erscheinungsbild deiner Website weiter anpassen und mehr Schriftarten verwenden.

Experimente Updates

Neue Experimente UI: Mehr Sicherheit beim Aktivieren von Experimenten

Die Benutzeroberfläche der Experimente wurde neu gestaltet, um die Sichtbarkeit von Experimenten und ihre Stabilität zu verbessern. Die Experimente sind in zwei Abschnitte unterteilt. In der oberen Hälfte werden Experimente aufgelistet, die sich in der Alpha- und Beta-Phase befinden, während der untere Abschnitt stabilere Experimente anzeigt. Um die Fehlersuche zu erleichtern, kannst du außerdem alle Experimente mit einem einzigen Klick aktivieren oder deaktivieren.

Inline-Schriftarten-Symbole: Schnelleres Laden der Seite

Im Rahmen unseres Engagements für kontinuierliche Leistungsverbesserungen, damit deine Website schneller lädt, werden Inline-Schrift-Icons jetzt im Inline-SVG-Experiment unterstützt. Wenn das Experiment aktiviert ist, wird die CSS- und Woff-Größe bei jedem Seitenaufbau um bis zu 111 KB reduziert, um einen schnelleren Seitenaufbau zu erreichen.

Design oder Workflow… Warum nicht beides?

Elementor 3.5 ist vollgepackt mit wirkungsvollen Verbesserungen, die deinen Workflow optimieren, so dass du die Zeit, die du für die Erstellung deiner Websites benötigst, erheblich reduzieren kannst.Dieses Update enthält auch neue Designfunktionen, mit denen du fesselnde, einzigartige und atemberaubende Websites erstellen kannst, die deine Nutzer*innen fesseln und sie zum Wiederkommen animieren.

Übersetzt von Sarah van der Linden
von Website Freiburg

Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/introducing-new-workflow-and-design-capabilities