Einführung von Elementor 3.9: Neue Option „Als Standard speichern“ für Elemente zur Verbesserung Ihres Design-Workflows

Elementor 3.9 enthält die neue Option Als Standard speichern, erweitert die Fähigkeiten des Loop Builder, um WooCommerce und das abschnittsbasierte Layout zu unterstützen, und mehrere zusätzliche Funktionen, die das Design Ihrer Website und deren Benutzererfahrung verbessern.

Neu: Als Standard speichern

Mit Elementor 3.9 können Sie die neue Funktion „Als Standard speichern“ nutzen, um Ihren Design-Workflow zu verbessern und die Art und Weise, wie Elemente auf Ihrer Website erscheinen, wenn sie in den Editor gezogen werden, vollständig anzupassen.

Mit diesem Update können Sie alle Standardeinstellungen jedes einzelnen Elements anpassen und nach Ihren Wünschen anpassen. Sie können das Platzhalterbild durch ein beliebiges Bild ersetzen, z. B. Ihr Logo, den Platzhaltertext anpassen und die Farben und Schriftarten durch Ihre bevorzugten ersetzen. Speichern Sie es dann als Standard, indem Sie mit der linken Maustaste auf das Element klicken und es speichern. Nach dieser Aktion werden jedes Mal, wenn Sie ein neues Widget ziehen, das Sie angepasst haben, die neuen Standardeinstellungen angezeigt, die Sie dafür konfiguriert haben. Um Ihren Workflow zu verbessern und Ihren Website-Erstellungsprozess zu beschleunigen, können alle neuen Standardeinstellungen auch auf jedes Kit oder jede Vorlage übertragen werden, die Sie importieren / exportieren.

Jedes Elementor-Element enthält vorkonfigurierte Standardstile und erweiterte Einstellungen. Dazu gehören Platzhalterbilder, Symbole oder Texte, Standardfarben und Schriftarten oder die Zuordnung zu bestimmten globalen Farben und Schriftarten. Das heißt – wenn wir das Schaltflächen-Widget als Beispiel nehmen, nimmt der Hintergrund jedes Mal, wenn Sie es aus dem Widget-Bedienfeld in den Editor ziehen, die in Ihren globalen Farben festgelegte Akzentfarbe an, die Textfarbe ist weiß usw.

Da die neue Funktion „Als Standard speichern“ alle Änderungen speichert, die Sie an den Elementen vornehmen, bevor Sie sie speichern, ist es wichtig, besonders darauf zu achten, keine vertraulichen Informationen einzubeziehen, bevor Sie sie als neuen Standard speichern. Es wird beispielsweise nicht empfohlen, die E-Mail-Adresse Ihres PayPal-Kontos anzugeben, bevor Sie die PayPal-Schaltfläche als neues Widget speichern. Dasselbe gilt für alle sensiblen Informationen, einschließlich CSS-ID, API-Schlüssel und so weiter.

Nachfolgend finden Sie drei (von vielen) Beispielen, wie Sie die neue Funktion „Als Standard speichern“ verwenden können:

1. Aktualisieren Sie die Farben oder Schriftarten eines Elements, um es mit verschiedenen globalen Farben oder Schriftarten zu verknüpfen (z. B. primär statt sekundär).
2. Legen Sie eine neue Standardauffüllung und Ränder eines Widgets wie einer Schaltfläche fest.
3. Fügen Sie ein Logo, Bild oder spezifische Anweisungen als Bildplatzhalter für Bild-Widgets oder Textplatzhalter für Text-Widgets hinzu. Auf diese Weise können Sie Ihr Unternehmen als Webdesigner bei Ihren Kunden kontinuierlich bewerben und sie bei der Aktualisierung ihrer Website unterstützen.

[Pro] Loop Builder zur Unterstützung von WooCommerce und Abschnitten erweitert

Nach der Veröffentlichung des Loop Builder in Elementor 3.8 erweitert diese Version die Fähigkeiten des Loop Builder, um WooCommerce zu unterstützen. Mit diesem Update können Sie Ihre eigene benutzerdefinierte Vorlage für Produktlisten entwerfen, damit Sie Ihrer Kreativität beim Entwerfen Ihrer E-Commerce-Websites freien Lauf lassen können.

Wenn Sie jetzt den Loop Builder verwenden, wählen Sie zunächst den Vorlagentyp aus, den Sie erstellen möchten. Für WooCommerce wählen Sie Produkte. Dann empfiehlt das Widget-Panel oben WooCommerce-Widgets, aber Sie können jedes Widget sowie jedes Tag für dynamische Inhalte verwenden, um zusätzlichen WooCommerce-Inhalt in Ihrer Hauptartikelvorlage anzuzeigen.

Sobald Sie das Design Ihrer Vorlage fertiggestellt haben, können Sie sie auf jeder Seite verwenden, ihr Layout, ihre Paginierung und ihr Styling anpassen und Ihre Produkte so präsentieren, wie es am besten zu Ihrem Design und Ihrer Marke passt.

Elementor 3.9 führt auch die Unterstützung für das Abschnitts-Spalten-Layout ein. Wenn Sie also noch nicht ganz bereit sind, mit der Verwendung von Flexbox-Containern zu beginnen, können Sie immer noch den Loop Builder verwenden, um benutzerdefinierte Listen mit dem Abschnitts-Spalten-Layout zu erstellen.

[Pro] Verbesserte erweiterte Popup-Regel – Zeigen Sie bis zu X Mal dauerhaft oder pro Sitzung / Tag / Woche / Monat an

Eine der beliebtesten Anfragen für Elementor-Popups war die Verbesserung der erweiterten Regel, die bestimmt, wie oft ein Popup erscheint. Bis jetzt konnten Sie das Popup X-mal erscheinen lassen, aber der Zeitrahmen, in dem sie erscheinen würden, wurde nicht angegeben. Wenn Sie also festlegen, dass ein Popup dreimal erscheint, erscheint es die nächsten drei Male, wenn der Besucher Ihre Website besucht, unabhängig von seiner Besuchshäufigkeit.

Mit dieser aktualisierten erweiterten Regel können Sie festlegen, wie oft das Popup angezeigt werden soll – dauerhaft oder innerhalb eines bestimmten Zeitrahmens von – einer Sitzung, einem Tag, einer Woche oder einem Monat. Auf diese Weise können Sie Ihre Popups in der gewünschten Häufigkeit bereitstellen, die Benutzererfahrung verbessern und das gewünschte Ergebnis des Popups erzielen.

Leistungsverbesserungen

Wir suchen ständig nach Möglichkeiten, wie wir die Leistung Ihrer Website verbessern können, und sind kürzlich eine Partnerschaft mit Chrome eingegangen, um gemeinsam Möglichkeiten zu identifizieren. Elementor verwendete Google-Tools, darunter den Chrome User Experience Report und den Core Web Vitals Technology Report, und erhielt gleichzeitig technische Beratung von einem Chrome-Experten. Elementor 3.9 führt eine Reihe von Leistungsverbesserungen ein, die sich erheblich auf die Leistung Ihrer Website auswirken können, darunter:

Hintergrundbilder Lazy Load Alpha-Experiment

Hintergrundbilder sind ein wesentlicher Bestandteil der Gestaltung einer Website, können sich jedoch negativ auf die Leistung und die Punktzahl von Largest Contentful Paint (LCP) auswirken. Die Optimierung der Leistung Ihrer Website und des LCP-Scores ist wichtig, um das Erlebnis Ihrer Besucher beim Besuch Ihrer Website zu optimieren und Ihre Auffindbarkeit in den Suchmaschinenergebnissen zu verbessern.

Indem Sie Lazy Load zu Hintergrundbildern hinzufügen, können Sie die Leistung Ihrer Website und den LCP-Score verbessern, ohne das Erscheinungsbild Ihrer Website zu beeinträchtigen.

Wenn Sie dieses Experiment aktivieren, wird Lazy Load auf alle Hintergrundbilder unterhalb der Falte in den folgenden Bereichen angewendet:

• Abschnitt – Abschnittshintergrund und Abschnittshintergrundüberlagerung
• Spalte – Spaltenhintergrund
• Container – Containerhintergrund und Containerhintergrundüberlagerung
• Allgemeiner Widget-Hintergrund – Zugriff über die Registerkarte „Erweitert“.

Elementor jetzt kompatibel mit dem Performance Lab für „WebP-Uploads“

Wenn Sie das Performance Lab-Plugin aktivieren, werden Bilder, die Sie als JPEGs hochladen, automatisch in WebP konvertiert. Wenn das Performance Lab-Plugin das Bildformat nicht erfolgreich in WebP konvertieren kann, zeigt die Website das Standard-JPEG an. Außerdem werden nur JPEG-Bilder, die nach der Aktivierung des Performance Lab-Plugins hochgeladen werden, in das WebP-Format konvertiert, alle Bilder, die davor hochgeladen wurden, behalten ihr JPEG-Format bei.

Mehr Anpassung, mehr Design, mehr von Elementor

Bei Elementor 3.9 geht es darum, Sie in die Lage zu versetzen, mit Ihren Websites auf bequemere Weise mehr zu erreichen. Mit der neuen Funktion „Als Standard speichern“ können Sie den Ausgangspunkt jedes Elements an die Anforderungen Ihrer Website anpassen und Ihren Erstellungsprozess beschleunigen. Dieses Update enthält auch Verbesserungen am Loop Builder, sodass Sie das Design Ihrer Websites noch mehr anpassen können, sowie eine Fülle von Leistungsverbesserungsfunktionen – sodass Sie sich nicht zwischen dem Erscheinungsbild Ihrer Website und deren entscheiden müssen Leistung.

Probieren Sie die neuen Funktionen in Elementor 3.9 aus und teilen Sie uns im Kommentarbereich mit, wie Sie diese neuen Funktionen auf Ihrer Website verwenden werden.