Die st\u00e4ndige Sichtbarkeit der Floating Bars ist darauf ausgelegt, das Besucherengagement zu verbessern, indem sichergestellt wird, dass Ihre wichtigsten Nachrichten nie verloren gehen. Diese Funktion ist besonders wertvoll f\u00fcr E-Commerce-Websites, die Verkaufsaktionen durchf\u00fchren, Blogs, die zur Anmeldung f\u00fcr Newsletter ermutigen, oder jede Website, bei der die Benutzerinteraktion der Schl\u00fcssel zum Erfolg ist.<\/p>\n\n
Flexible Positionierung f\u00fcr optimalen Einfluss<\/h3>\n\n
Aber Floating Bars sind nicht nur f\u00fcr die Sichtbarkeit gedacht \u2013 sie bieten auch Flexibilit\u00e4t. Sie k\u00f6nnen diese Leisten oben oder unten auf dem Bildschirm positionieren, ihr Erscheinungsbild an das Design Ihrer Website anpassen und dank der Anzeigebedingungen ihr Verhalten steuern, z. B. wann und wie sie erscheinen. Das bedeutet, dass Sie ein Besuchererlebnis schaffen k\u00f6nnen, das nicht nur ansprechend, sondern auch strategisch darauf ausgelegt ist, Konversionen zu f\u00f6rdern und Besucher informiert zu halten.<\/p>\n\n
Wenn Sie beispielsweise ein zeitlich begrenztes Angebot haben, kann eine Floating Bar am oberen Rand Ihrer Seite die Aktion im Vordergrund halten und Benutzer dazu auffordern, sofort zu handeln. Umgekehrt kann eine am unteren Rand positionierte Floating Bar als subtile Erinnerung dienen, sich f\u00fcr einen Newsletter anzumelden oder ein vorgestelltes Produkt zu \u00fcberpr\u00fcfen.<\/p>\n\n
Nahtlose Einrichtung und Anpassung<\/h3>\n\n
Das Einrichten Ihrer Floating Bars ist m\u00fchelos. Stellen Sie zun\u00e4chst sicher, dass die Funktion „Flexbox Container“ aktiviert ist, indem Sie zum WP-Dashboard > Elementor > Einstellungen > Funktionen navigieren. Beim Hinzuf\u00fcgen eines neuen Floating Elements (WP-Dashboard > Vorlagen) werden Sie aufgefordert, zwischen einer Floating Bar oder einem Floating Button zu w\u00e4hlen. W\u00e4hlen Sie eine der \u00fcber 30 verf\u00fcgbaren Vorlagen aus und passen Sie dann die Floating Bar an, indem Sie das Design, die Symbole, den Textinhalt, die CTA-Links und mehr anpassen. Elementor Pro-Benutzer k\u00f6nnen auch Anzeigebedingungen nutzen, um festzulegen, wo, wann und f\u00fcr wen die Floating Bars erscheinen, um die Zielgenauigkeit und Effektivit\u00e4t zu erh\u00f6hen.<\/p>\n\n Typografie ist ein Eckpfeiler jedes gro\u00dfartigen Designs, und mit Elementor 3.24 geben wir Ihnen mehr Kontrolle als je zuvor mit der Einf\u00fchrung von Variable Fonts. Diese Funktion ist ein Wendepunkt f\u00fcr Designer, die jeden Aspekt des Textes ihrer Website feinabstimmen m\u00f6chten.<\/p>\n\n Variable Fonts erm\u00f6glichen es Ihnen, Gewicht und Breitenattribute in einzelnen Schritten anzupassen, indem Sie intuitive Schieberegler verwenden, was eine vollst\u00e4ndige Kontrolle \u00fcber die Textanpassung gew\u00e4hrleistet und dynamischere und ansprechendere Designs erm\u00f6glicht, die visuelles Storytelling und Zuschauerengagement verbessern. Im Vergleich dazu sind Sie bei statischen Schriftarten darauf beschr\u00e4nkt, das Textgewicht und die Breite in starren Schritten von 100 Pixeln anzupassen.<\/p>\n\n Wenn Sie eine Markenidentit\u00e4t aufbauen, k\u00f6nnen Sie problemlos mit verschiedenen Schriftgewichten und -breiten experimentieren, um die perfekte \u00dcbereinstimmung zu finden. Egal, ob Sie fettgedruckte, auff\u00e4llige \u00dcberschriften oder subtile, elegante Flie\u00dftexte ben\u00f6tigen, Variable Fonts geben Ihnen die Flexibilit\u00e4t, es genau richtig zu machen. Und da Sie mit einer einzigen Schriftdatei arbeiten, die alles kann, bleibt Ihre Website leicht und schnell.<\/p>\n\n Diese Vielseitigkeit in der Typografiekontrolle bedeutet auch, dass die Aufrechterhaltung der Markenbest\u00e4ndigkeit auf Ihrer Website einfacher als je zuvor ist. Sie k\u00f6nnen sicherstellen, dass Ihre \u00dcberschriften, Flie\u00dftexte und andere typografische Elemente perfekt mit der visuellen Identit\u00e4t Ihrer Marke \u00fcbereinstimmen, ohne dass mehrere Schriftvariationen erforderlich sind.<\/p>\n\n Um Variable Fonts einzurichten, laden Sie zun\u00e4chst eine Variable Font TTF-Datei von Ihrer bevorzugten Plattform wie Google Fonts herunter. Gehen Sie dann zu WP Dashboard Elementor Custom Fonts Add New Add Variable Font, benennen Sie die neue Schriftart, laden Sie Ihre TTF-Datei hoch, w\u00e4hlen Sie die gew\u00fcnschten Gewicht- und Breiten-Checkboxen aus, setzen Sie die Werte basierend auf den Eigenschaften der Schriftart und ver\u00f6ffentlichen Sie. Beim Bearbeiten von Text und Navigieren zur Typografie-Steuerung k\u00f6nnen Sie die neuen Schriftarten oben in der Auswahl der Schriftfamilie unter ‚Variable Fonts‘ sehen.<\/p>\n\n <\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Aktualisieren Sie Ihr Pro-Abonnement<\/a><\/p>\n\n Jede Sekunde z\u00e4hlt, wenn es um Ladezeiten von Seiten geht, und mit Elementor 3.24 haben wir einen bedeutenden Schritt zur Optimierung der Leistung Ihrer Website mit bedingtem CSS-Laden gemacht. Diese Funktion ist darauf ausgelegt, nur das CSS<\/a> zu laden, das f\u00fcr die Elemente auf Ihrer Seite notwendig ist, wodurch die Menge an ungenutztem Code, der Ihre Website verlangsamen kann, erheblich reduziert wird.<\/p>\n\n Das bedingte CSS-Laden funktioniert, indem die spezifischen Widgets und Elemente, die Sie verwenden, analysiert und nur das CSS geladen wird, das f\u00fcr diese Komponenten erforderlich ist. Das bedeutet, dass, wenn Sie eine bestimmte Funktion nicht verwenden, deren CSS nicht geladen wird, was zu einer schlankeren, schnelleren Website f\u00fchrt. Tats\u00e4chlich kann diese Verbesserung zu einer Reduzierung der CSS-Gr\u00f6\u00dfe um bis zu 668KB f\u00fchren!<\/strong><\/p>\n\n Wenn Ihre Startseite beispielsweise einen Hero-Bereich mit einer einzigen Call-to-Action-Schaltfl\u00e4che enth\u00e4lt, wird jetzt nur das CSS geladen, das f\u00fcr dieses Layout und die Schaltfl\u00e4che ben\u00f6tigt wird. Alle anderen unn\u00f6tigen CSS-Dateien werden aus der Gleichung herausgehalten, um sicherzustellen, dass Ihre Seite so schnell wie m\u00f6glich l\u00e4dt. Dies ist besonders vorteilhaft f\u00fcr komplexe Websites mit einer Vielzahl von Widgets und Elementen, bei denen die Minimierung von CSS-Bloat zu erheblichen Leistungssteigerungen f\u00fchren kann.<\/p>\n\n Schnellere Ladezeiten verbessern nicht nur die Zufriedenheit der Besucher, sondern wirken sich auch positiv auf SEO aus und helfen Ihrer Website, in den Suchmaschinenergebnissen h\u00f6her zu ranken. Im Einklang mit unserem Engagement zur erheblichen Verbesserung der Website-Performance haben wir die Art und Weise optimiert, wie CSS-Assets f\u00fcr Elementor-Widgets in dieser Version geladen werden, um kumulative Layoutverschiebungen (CLS) zu reduzieren. Mit unserem neuen ‚Stilabh\u00e4ngigkeiten-Caching‘-System werden Widget-Stile beim ersten Besuch zwischengespeichert und dann bei nachfolgenden Besuchen aus dem Cache in das geladen. Dies minimiert CLS, indem sichergestellt wird, dass Stile fr\u00fcher im Ladeprozess der Seite angewendet werden, was zu einem reibungsloseren und stabileren Benutzererlebnis f\u00fchrt.<\/p>\n\n Elementor 3.24 verbessert Ihren Workflow, indem es die Verwaltung der Anzeigebedingungen verbessert. Wenn jetzt eine Anzeige Bedingung auf ein Element gesetzt wird, erscheint eine vertikale Linie und ein Symbol im Struktur-Panel, das aktive Anzeige Bedingungen deutlich anzeigt. Durch Klicken auf das Symbol gelangen Sie direkt zu den Anzeige Bedingungseinstellungen, was Anpassungen schnell und intuitiv macht.<\/p>\n\n Zus\u00e4tzlich k\u00f6nnen Sie jetzt Anzeige Bedingungen \u00fcber Elemente und Seiten hinweg kopieren und einf\u00fcgen oder sie sofort l\u00f6schen, alles durch einfaches Rechtsklicken auf das Element, was Ihren Designprozess weiter rationalisiert und wertvolle Zeit spart.<\/p>\n\n <\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Aktualisieren Sie Ihr Pro-Abonnement<\/a><\/p>\n\n Jede Seite auf Ihrer Website kann Dutzende von Containern und Widgets enthalten, und wenn neue Container zu einer Seite hinzugef\u00fcgt werden, werden sie im Struktur-Panel (fr\u00fcher: Navigator) einfach als \u201eContainer\u201c benannt. Dies kann eine Herausforderung darstellen, da es umso schwieriger wird, je mehr Container es gibt, die Dinge organisiert zu halten und einen ordentlichen \u00dcberblick \u00fcber die Seitenstruktur zu haben. Bis jetzt mussten Sie, um eine bessere Struktur zu haben, in jeden Container schauen, einen relevanten Namen finden und ihn dann einzeln im Struktur-Panel eingeben.<\/p>\n\n Mit der Kraft der KI ist dies ein Problem der Vergangenheit. Elementor AI rationalisiert Ihren Workflow und beschleunigt die Website-Bereitstellung, w\u00e4hrend Ihre professionelle Anleitung im Vordergrund bleibt. Elementor 3.24 enth\u00e4lt ein gro\u00dfes Update f\u00fcr Elementor AI mit einer neuen Funktion: AI-generierte Container-Namen. Es k\u00fcmmert sich um die Details, damit Sie sich auf das gro\u00dfe Ganze konzentrieren k\u00f6nnen. Durch einfaches Klicken auf eine einzige Schaltfl\u00e4che im Struktur-Panel werden innerhalb von Sekunden alle Ihre Container automatisch entsprechend dem Inhalt, den sie enthalten, umbenannt.<\/p>\n\n Entdecken Sie Elementor AI<\/a><\/p>\n\n In Version 3.24 baut Elementor auf dem in Version 3.23 eingef\u00fchrten Such-Widget auf und integriert Benutzerfeedback, um dessen Funktionalit\u00e4t zu verbessern. Neue Updates f\u00fcr das Such-Widget umfassen:<\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n Aktualisieren Sie Ihr Pro-Abonnement<\/a><\/p>\n\n <\/p>\n\n Elementor AI-Tools rationalisieren Ihren Workflow und beschleunigen die Website-Bereitstellung, w\u00e4hrend Ihre professionelle Anleitung im Vordergrund bleibt. Sie k\u00f6nnen jetzt AI-Funktionen beim \u00dcbergeben der Website an Kunden einfach deaktivieren, um sicherzustellen, dass sie nur das endg\u00fcltige, polierte Produkt ohne AI-Elemente sehen. Die M\u00f6glichkeit, AI-Benachrichtigungen zu deaktivieren, ist auch n\u00fctzlich f\u00fcr alle, die nicht an der Nutzung von Elementor AI interessiert sind und ihren Arbeitsbereich aufr\u00e4umen m\u00f6chten. Um Elementor AI auszuschalten, gehen Sie zum WP-Dashboard Benutzer Profil und deaktivieren Sie das Kontrollk\u00e4stchen f\u00fcr \u201eAI-Funktionalit\u00e4t aktivieren\u201c.<\/p>\n\n Elementor 3.24 ist vollgepackt mit Funktionen und Verbesserungen, die es einfacher denn je machen, atemberaubende, leistungsstarke Websites zu erstellen. Egal, ob Sie sich \u00fcber die Designm\u00f6glichkeiten mit variablen Schriftarten, das strategische Potenzial von schwebenden Leisten oder die Leistungssteigerungen durch bedingtes CSS-Loading freuen, dieses Update hat f\u00fcr jeden etwas zu bieten. Wir empfehlen Ihnen, noch heute auf Elementor 3.24 zu aktualisieren und alle neuen M\u00f6glichkeiten zu erkunden, die es bietet.<\/p>\n\n Holen Sie sich Elementor <\/a>Pro<\/a><\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Floating-Bar-1-1024x538.png\")
<\/figure>\n\n[Pro] Variable Fonts: Entfesseln Sie kreative Freiheit mit pr\u00e4ziser Typografiekontrolle<\/h2>\n\n
Revolutionieren Sie Ihr Design mit dynamischer Typografie<\/h3>\n\n
Verbessern Sie die Markenbest\u00e4ndigkeit mit vielseitiger Schriftkontrolle<\/h3>\n\n
Erste Schritte mit Variable Fonts<\/h3>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Variable-Fonts-1-1024x538.png\")
<\/figure>\n\nVerbessertes CSS-Laden: Intelligenter, schneller effizienter<\/h2>\n\n
Optimieren Sie die Website-Performance mit bedingtem CSS-Laden<\/h3>\n\n
Verbessern Sie das Besuchererlebnis mit schneller ladenden Seiten<\/h3>\n\n
Minimieren Sie kumulative Layoutverschiebungen mit verbessertem Stil-Caching<\/h3>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/CSS-Loading-1-1024x538.png\")
<\/figure>\n\nWorkflow-Verbesserungen der n\u00e4chsten Stufe <\/h2>\n\n
[Pro] Feinabgestimmte Anzeigebedingungen f\u00fcr mehr Kontrolle<\/h3>\n\n
AI-generierte Container-Namen im Struktur-Panel mit Elementor AI<\/h3>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Rename-Containers-with-AI-1-1024x538.png\")
<\/figure>\n\nZus\u00e4tzliche Funktionen Updates<\/h2>\n\n
[Pro] Vereinfachte Sucherfahrung<\/h3>\n\n
\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Additional-Updates-1-1024x538.png\")
<\/figure>\n\nOpt-Out-Option f\u00fcr Elementor AI<\/h3>\n\n
Weitere Updates<\/h3>\n\n
\n
Neue M\u00f6glichkeiten mit Elementor 3.24 freischalten<\/h2>\n\n