{"id":117681,"date":"2022-12-13T14:50:42","date_gmt":"2022-12-13T14:50:42","guid":{"rendered":"https:\/\/elementor.com\/blog\/einfuehrung-von-elementor-3-9-neue-option-als-standard-speichern-fuer-elemente-zur-verbesserung-ihres-design-workflows\/"},"modified":"2025-12-01T16:32:28","modified_gmt":"2025-12-01T14:32:28","slug":"einfuehrung-von-elementor-3-9-neue-option-als-standard-speichern-fuer-elemente-zur-verbesserung-ihres-design-workflows","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-9-neue-option-als-standard-speichern-fuer-elemente-zur-verbesserung-ihres-design-workflows\/","title":{"rendered":"Einf\u00fchrung von Elementor 3.9: Neue Option ‚Als Standard speichern‘ f\u00fcr Elemente zur Verbesserung Ihres Design-Workflows"},"content":{"rendered":"\n

Elementor<\/a> 3.9 enth\u00e4lt die neue Option ‚Als Standard speichern‘, erweitert die F\u00e4higkeiten des Loop Builders, um WooCommerce und das abschnittsbasierte Layout zu unterst\u00fctzen, und bietet mehrere zus\u00e4tzliche Funktionen, die das Design Ihrer Website und die Benutzererfahrung verbessern. <\/strong><\/p>\n\n

\"\"<\/figure>\n\n

Neu: Als Standard speichern<\/h2>\n\n

Mit Elementor 3.9 k\u00f6nnen Sie die neue Funktion ‚Als Standard speichern‘ nutzen, um Ihren Design-Workflow zu verbessern und das Erscheinungsbild der Elemente auf Ihrer Website vollst\u00e4ndig anzupassen, sobald sie in den Editor gezogen werden. <\/p>\n\n

Mit diesem Update k\u00f6nnen Sie alle Standardeinstellungen jedes einzelnen Elements anpassen und nach Ihren W\u00fcnschen gestalten.\nSie k\u00f6nnen das Platzhalterbild durch ein beliebiges Bild ersetzen – z.B. Ihr Logo, den Platzhaltertext anpassen und die Farben und Schriftarten nach Ihren Vorlieben \u00e4ndern.\nSpeichern Sie es dann als Standard, indem Sie mit der linken Maustaste auf das Element klicken und es speichern.\nNach dieser Aktion wird jedes Mal, wenn Sie ein neues Widget ziehen, das Sie angepasst haben, die neuen Standardeinstellungen angezeigt, die Sie konfiguriert haben.\nUm Ihren Workflow zu verbessern und den Erstellungsprozess Ihrer Website zu beschleunigen, k\u00f6nnen alle neuen Standardeinstellungen auch in jedes Kit oder Template<\/a> \u00fcbernommen werden, das Sie importieren\/exportieren. <\/p>\n\n

Jedes Elementor-Element enth\u00e4lt vorkonfigurierte Standard-Styling- und erweiterte Einstellungen.\nDazu geh\u00f6ren Platzhalterbilder, Symbole oder Texte, Standardfarben und Schriftarten oder die Zuordnung zu bestimmten globalen Farben und Schriftarten.\nDas bedeutet – wenn wir das Button-Widget als Beispiel nehmen, wird der Hintergrund jedes Mal, wenn Sie es aus dem Widget-Panel in den Editor ziehen, die Akzentfarbe annehmen, die in Ihren globalen Farben eingestellt ist, und die Textfarbe wird wei\u00df sein, usw. <\/p>\n\n

Da die neue Funktion ‚Als Standard speichern‘ alle \u00c4nderungen speichert, die Sie an den Elementen vornehmen, bevor Sie sie speichern, ist es wichtig, besonders darauf zu achten, keine sensiblen Informationen vor dem Speichern als neuen Standard einzuschlie\u00dfen.\nZum Beispiel wird nicht empfohlen, die email-Adresse Ihres PayPal-Kontos einzuschlie\u00dfen, bevor Sie den PayPal-Button als neues Widget speichern.\nDasselbe gilt f\u00fcr alle sensiblen Informationen, einschlie\u00dflich CSS<\/a>-ID, API-Schl\u00fcssel usw. <\/p>\n\n

Nachfolgend drei (von vielen) Beispiele, wie Sie die neue Funktion ‚Als Standard speichern‘ verwenden k\u00f6nnen: <\/p>\n\n

  1. Aktualisieren Sie die Farben oder Schriftarten eines Elements, um sie mit verschiedenen globalen Farben oder Schriftarten zu verkn\u00fcpfen (z.B. prim\u00e4r statt sekund\u00e4r)<\/li>
  2. Legen Sie einen neuen Standardabstand und -r\u00e4nder f\u00fcr ein Widget fest, wie z.B. einen Button. <\/li>
  3. F\u00fcgen Sie ein Logo, Bild oder spezifische Anweisungen als Bildplatzhalter f\u00fcr Bild-Widgets<\/a> oder Textplatzhalter f\u00fcr textuelle Widgets ein.\nAuf diese Weise k\u00f6nnen Sie Ihr Gesch\u00e4ft als Web-Ersteller kontinuierlich bei Ihren Kunden bewerben und ihnen bei der Aktualisierung ihrer Website helfen. <\/li><\/ol>\n\n
    \"\"<\/figure>\n\n

    [Pro] Loop Builder erweitert zur Unterst\u00fctzung von WooCommerce und Abschnitten<\/h2>\n\n

    Nach der Ver\u00f6ffentlichung des Loop Builders in Elementor 3.8<\/a>, erweitert diese Version die F\u00e4higkeiten des Loop Builders, um WooCommerce zu unterst\u00fctzen.\nMit diesem Update k\u00f6nnen Sie Ihre eigenen benutzerdefinierten Vorlagen f\u00fcr Produktlisten entwerfen, sodass Sie Ihrer Kreativit\u00e4t beim Design Ihrer E-Commerce<\/a>-Websites freien Lauf lassen k\u00f6nnen. <\/p>\n\n

    Wenn Sie den Loop Builder verwenden, beginnen Sie jetzt damit, den Typ der Vorlage auszuw\u00e4hlen, die Sie erstellen m\u00f6chten. F\u00fcr WooCommerce<\/a> w\u00e4hlen Sie Produkte.\nDann wird das Widget-Panel WooCommerce-Widgets oben empfehlen, aber Sie k\u00f6nnen jedes Widget sowie jedes dynamische Inhalt<\/a>-Tag verwenden, um zus\u00e4tzlichen WooCommerce-Inhalt in Ihrer Hauptartikelvorlage anzuzeigen. <\/p>\n\n

    Sobald Sie das Design Ihrer Vorlage abgeschlossen haben, k\u00f6nnen Sie es auf jeder Seite verwenden, das Layout, die Paginierung und das Styling anpassen und Ihre Produkte auf eine Weise anzeigen, die am besten zu Ihrem Design und Ihrer Marke passt. <\/p>\n\n

    Elementor 3.9 f\u00fchrt auch die support f\u00fcr das Abschnitt-Spalten-Layout ein, sodass Sie, wenn Sie noch nicht bereit sind, Flexbox-Container zu verwenden, weiterhin den Loop Builder verwenden k\u00f6nnen, um benutzerdefinierte Listen mit dem Abschnitt-Spalten-Layout zu erstellen. <\/p>\n\n

    \"\"<\/figure>\n\n

    [Pro] Erweiterte Popup-Regel – Bis zu X Mal persistent oder pro Sitzung\/Tag\/Woche\/Monat anzeigen<\/h2>\n\n

    Eine der am h\u00e4ufigsten nachgefragten Funktionen f\u00fcr Elementor-Popups war die Verbesserung der erweiterten Regel, die bestimmt, wie oft ein Popup erscheint.\nBis jetzt konnten Sie das Popup X Mal erscheinen lassen, aber der Zeitraum, in dem sie erscheinen w\u00fcrden, war nicht spezifiziert.\nWenn Sie also ein Popup auf 3 Mal einstellen, w\u00fcrde es die n\u00e4chsten 3 Male erscheinen, wenn der Besucher Ihre Website besucht, unabh\u00e4ngig von der Besuchsh\u00e4ufigkeit. <\/p>\n\n

    Mit dieser aktualisierten erweiterten Regel k\u00f6nnen Sie die Anzahl der Male festlegen, die das Popup erscheinen soll – persistent oder innerhalb eines bestimmten Zeitrahmens – einer Sitzung, eines Tages, einer Woche oder eines Monats.\nAuf diese Weise k\u00f6nnen Sie Ihre Popups mit der gew\u00fcnschten H\u00e4ufigkeit anzeigen, die Benutzererfahrung verbessern und das gew\u00fcnschte Ergebnis des Popups erzielen. <\/p>\n\n

    \"\"<\/figure>\n\n

    Leistungsverbesserungen<\/h2>\n\n

    Wir suchen kontinuierlich nach M\u00f6glichkeiten, die Leistung Ihrer Website zu verbessern, und haben k\u00fcrzlich eine Partnerschaft mit Chrome eingegangen, um gemeinsam Bereiche mit Verbesserungspotenzial zu identifizieren.\nElementor nutzte Google-Tools, darunter den Chrome User Experience Report<\/a> und den Core Web Vitals Technology Report<\/a>, und erhielt technische Beratung von einem Chrome-Experten.\nElementor 3.9 f\u00fchrt eine Reihe von Leistungsverbesserungen ein, die erhebliche Auswirkungen auf die Leistung Ihrer Website haben k\u00f6nnen, darunter: <\/p>\n\n

    Hintergrundbilder Lazy Load Alpha Experiment<\/h3>\n\n

    Hintergrundbilder sind ein integraler Bestandteil des Webdesigns, k\u00f6nnen jedoch die Leistung und die Bewertung des Largest Contentful Paint (LCP) negativ beeinflussen.\nDie Optimierung der Leistung Ihrer Website und der LCP-Bewertung ist wichtig, um die Erfahrung Ihrer Besucher zu verbessern und Ihre Auffindbarkeit in den Suchmaschinenergebnissen zu steigern. <\/p>\n\n

    Durch das Hinzuf\u00fcgen von Lazy Load zu Hintergrundbildern k\u00f6nnen Sie die Leistung und die LCP-Bewertung Ihrer Website verbessern, ohne das Erscheinungsbild Ihrer Website zu beeintr\u00e4chtigen. <\/p>\n\n

    Durch die Aktivierung dieses Experiments wird Lazy Load auf alle Hintergrundbilder unterhalb des Folds in den folgenden Bereichen angewendet:<\/p>\n\n