Elementor 3.3 – Einführung vollständiger Website-Kits
Veröffentlicht: 2021-07-13In unserem kontinuierlichen Bemühen, Webdesigner zu bereichern, haben wir gerade Elementor 3.3 veröffentlicht. Dies ist ein bahnbrechendes Feature-Release, das Ihre Arbeit revolutionieren wird! Es beschleunigt den Prozess der Erstellung neuer Projekte, ermöglicht es Ihnen, das Beste aus Ihren bestehenden Designs zu machen, sorgt für Konsistenz bei Ihrer Arbeit und verbessert die Ladegeschwindigkeit Ihrer Website. Sind Sie bereit? Tauchen wir gleich ein!
Vollständige Website-Kits
Erstellen Sie eine Blaupause für Ihre Website
Als Teil von Elementor 3.3 freuen wir uns, die nächste Phase der Import- / Exportfunktionen von Elementor vorstellen zu können. Sie können jetzt ganze Websites exportieren, einschließlich Inhalt, Layout, Websiteeinstellungen und Vorlagen. Wenn Ihre Website WordPress-Seiten und -Beiträge, WooCommerce-Produktseiten oder benutzerdefinierte Beitragstypen enthält, werden diese ebenfalls exportiert.
Wenn Sie Websites professionell erstellen, wird dies die Art und Weise, wie Sie Projekte starten, grundlegend verändern. Denken Sie an die Zeit, die Sie damit verbracht haben, an dem idealen Design für eine Website zu arbeiten – Kopfzeile, Fußzeile, einzelne Seiten, Designsystem, Inhalt usw. – und wie viel Zeit und Ressourcen Sie sparen würden, wenn Sie sie als Ausgangspunkt verwenden würden die nächste Website, die Sie erstellen.
Ihre gesamte Website wird in eine ZIP-Datei komprimiert, die Sie auf jede neue Elementor-Site importieren können, und starten Sie Ihr nächstes Design mit Ihrem eigenen, bewährten Kit. Dies funktioniert sowohl auf einer brandneuen Website als auch auf einer Website, an der Sie bereits arbeiten. Und wenn Sie bereits vorhandene Theme Builder-Teile wie Header oder 404-Seiten importieren, können Sie beim Import auswählen, welche Sie verwenden, um Konflikte und Probleme einfach zu vermeiden.
Das Importieren einer Website ist besonders nützlich, wenn Sie einen Standard für bestimmte Kategorien von Websites erstellen und Ihre eigene Bibliothek mit vorgefertigten Designs für Geschäftswebsites, Online-Shops, Portfolios usw. führen möchten. Sie müssen nicht mehr jede Website von . aus starten kratzen oder verbringen Sie Zeit damit, jede Seite hochzuladen und die Grundeinstellungen jedes Mal neu zu definieren. Anstatt Zeit mit der Einrichtung zu verbringen, können Sie mit einer idealen Website beginnen und Ihre Zeit, Energie und Ressourcen darauf verwenden, das bestmögliche Produkt für Ihre Kunden zu erstellen.
Kits-Bibliothek
Versiegeln Sie es mit einem Kit
Die neue Import-/Exportfunktion hat es uns ermöglicht, endlich eine lang erwartete Lösung zum Erstellen neuer, hochmoderner Websites mit Elementor vorzustellen: Website Kits Library.
Die neue Website-Kits-Bibliothek, auf die Sie über die Registerkarte Elementor in Ihrem WordPress-Dashboard zugreifen können, enthält Dutzende vollständiger, von Designern erstellter Website-Kits. Sie können nach allgemeinen Website-Kategorien (wie Business, Reisen, Essen, Events) oder nach bestimmten Tags (wie NGOs, Kleidung, Personal Trainer usw.) filtern, das Kit als Live-Website demonstrieren und auf Ihre aktuelle Website in anwenden nur 3 Klicks.
Es dauert nur Sekunden, ein Website-Design mit einem Kit aus der Elementor-Bibliothek mit den richtigen Widgets und pixelgenauem Design zu starten. Die Kits wurden unter Berücksichtigung der neuesten Designtrends erstellt und enthalten alle Teile, die für eine voll funktionsfähige Website erforderlich sind – Kopfzeilen, Fußzeilen, 404-Seiten, Popup-Formulare und vieles mehr. Sie sind der beste Ausgangspunkt für Inspiration (und sogar eine Abkürzung) für Ihr nächstes Webdesign-Projekt und ein idealer Ausgangspunkt für Ihre allererste Website. Wenn Sie die neue Kits-Bibliothek zum ersten Mal öffnen, werden Sie feststellen, dass wir sie bereits mit über 80 von Elementor entworfenen Kits gefüllt haben, die mit einem Klick angewendet werden können.
Und damit nicht genug – durch unsere Partnerschaft mit Envato können Sie auf Themeforest auf mehr als tausend Elementor-bereite, vollständig gestaltete Website-Kits zugreifen. Durchsuchen Sie Dutzende von Kategorien, führen Sie jedes Kit vor, und importieren Sie es nach dem Kauf einfach für einen nahtlosen Start in ein neues Design. Dadurch entfallen weitere Plugins oder Add-Ons, um ein Website-Kit vollständig zu importieren.
Leistungsverbesserungen
Laden Sie nur das, was Sie verwenden
Wie bei jeder neuen Elementor-Version stellen wir die Leistung von Websites, die mit Elementor erstellt wurden, in den Mittelpunkt. In unseren neuesten Versionen haben wir das bedingte Laden von Assets (das Laden von Widget-JS-Dateien nur bei Verwendung), das bedingte Laden von JS-Bibliotheken und mehr Assets pro Verwendung eingeführt.
In 3.3 haben wir uns darauf konzentriert, einen schnelleren Seitenladevorgang zu erreichen, indem wir die Menge an ungenutztem CSS, das von den Seiten generiert wird, reduzieren. Jetzt werden nur noch die CSS-Dateien der auf einer Seite verwendeten Widgets geladen, wodurch die Gesamtgröße der Seite deutlich schlanker wird. Wir haben auch das Inline-CSS-Laden eingeführt, das Renderprozesse und das bedingte Laden der Animationsbibliothek reduziert. Wir werden alle geekigen Details in unserem Entwickler-Blog teilen.
Möchten Sie mehr über die Optimierung der Leistung Ihrer Website erfahren? Sehen Sie sich unseren Kurs zur Leistungsoptimierung an. Bleiben Sie auf dem Laufenden, um weitere Leistungsupdates in unseren nächsten Versionen zu erhalten.
Farbmuster
Lassen Sie die Farben Ihrer Website durchscheinen
Lernen Sie zu guter Letzt unseren neuen Color Sampler kennen! Dadurch werden sofort die Primärfarben von jedem Bild auf Ihrer Seite oder jedem anderen Element mit einer vordefinierten Farbe abgerufen. Erstellen Sie ein fließendes Farbschema auf Ihrer Website, um die Designkonsistenz sicherzustellen. Der Color Sampler ist jetzt eine integrierte Funktion, die ein Drittanbieter-Plugin überflüssig macht.
Gehen Sie voran und erstellen Sie Ihren ersten Website-Blueprint!
Bei Elementor 3.3 dreht sich alles darum, schnellere, schnellere und effizientere Websites zu erstellen. Egal, ob Sie eine Blaupause für Ihr nächstes Projekt erstellen, sich von Designer-Kits inspirieren lassen und die Farbkonsistenz sicherstellen – Sie tun dies auf einer leichteren, leistungsstärkeren Website. Bleiben Sie dran, weitere Elementor-Updates stehen vor der Tür.