Unsere neue Kits-Bibliothek ist endlich da. Jedes Kit enthält alle Website-Komponenten, die du benötigst, und ist damit die bei weitem schnellste Option für den Aufbau einer brandneuen Website.

Elementor stellt eine weitere bahnbrechende Methode zur Erstellung von Websites vor – unsere neue Kits-Bibliothek! Jedes Kit enthält alle Website-Komponenten, die du benötigst: Seiteninhalt, Kopfzeile, Fußzeile, Archivseiten, einzelne Seiten, Pop-ups, Website-Einstellungen, globale Einstellungen (Farben, Schriftarten usw.). Dies ist bei weitem die schnellste Option für den Aufbau einer brandneuen Website. Bis heute enthielt unsere Vorlagenbibliothek Inhaltsblöcke, Popups, verschiedene Website-Elemente wie Kopf- und Fußzeilen und vieles mehr. Während einige dieser Elemente einer gemeinsamen Designsprache folgten und einzeln heruntergeladen werden konnten, boten diese Komponenten nur Lösungen für bestimmte Teile deines Website-Designs und nicht für die gesamte Website. Eine weitere Frustration war der fragmentierte Download-Prozess, der viele Schritte und Stufen des Herunter- und Hochladens von Vorlagen erforderte, um sie im Editor zu verwenden.

Nun ist es soweit: Mit Elementor 3.3 verkürzen wir deinen Workflow offiziell auf eine kleine Reihe von Klicks. Mit Elementor 3.3 kannst du ein ganzes Kit oder mehrere Vorlagenkomponenten gleichzeitig importieren. Von nun an ist dein Website-Erstellungsprozess deutlich kürzer, und die Kit-Bibliothek bietet Dutzende von vorgefertigten Elementor-Website-Kits, die alle in deinem Elementor-Abonnement enthalten sind. Wir haben damit begonnen, verschiedene Sammlungen von Kits mit exklusivem Zugang zu erstellen, abhängig von deiner Abonnementstufe:

• 5 kostenlose Kits für Abonnenten
• 65 Pro-Abonnenten-Kits
• 20 Expert-Abonnenten-Kits

Und viele weitere werden folgen!

Warum haben wir die Kit-Bibliothek erstellt?

Unsere neue Kit-Bibliothek ist Teil unserer Initiative, unseren Nutzern*innen eine Ressource zur Verfügung zu stellen, mit der sie schnell und einfach komplette Websites erstellen können. Jedes neue Kit gibt dir die Freiheit, eine neue Website auf der Grundlage einer vollständigen, vorgefertigten Website zu erstellen, die ein anpassbares Designsystem enthält. Wir haben die Kits entwickelt, um einen Standard zu setzen. Jedes Kit wurde ausschließlich mit Elementor erstellt, um die Möglichkeiten jeder Funktion zu maximieren, ohne externe Tools oder Code. Du bist herzlich eingeladen, das, was wir erstellt haben, zu übernehmen, zu verändern und an deine persönlichen Bedürfnisse anzupassen – und natürlich an die Bedürfnisse deiner Kunden.

Noch mehr Gründe für die Verwendung der Kits:

• Die Arbeit mit Kits verkürzt und beschleunigt deinen Arbeitsablauf und ermöglicht es dir, mehr Kunden*innen zu betreuen, ohne Kompromisse bei der Qualität der von dir erstellten Websites einzugehen.
• Du kannst ein eigenes, personalisiertes Kit erstellen, das du bei der Erstellung einer neuen Website verwenden kannst und das die einzelnen Elemente enthält, die du für die Erstellung einer vollständigen Website benötigst, und jedes Element an die jeweilige Website anpassen. Danach kannst du dein Kit exportieren und in jeder beliebigen Website verwenden.
• Die Kits-Bibliothek ist auch als Inspirationsquelle für dich oder Nutzer gedacht:
• Design Inspiration: um dir verschiedene Designs und Variationen vorzustellen, die du mit Elementor erstellen kannst. Wenn es darum geht, was du mit Elementor gestalten kannst, sind dem Himmel keine Grenzen gesetzt und genau das soll die Kit-Bibliothek beweisen.
• Layout-Inspiration: Die Bibliothek zeigt dir einzigartige und ansprechende Möglichkeiten, Elementor-Widgets zu verwenden – und zwar auf eine Weise, an die du sonst nicht gedacht hättest.
• Elementor Widgets sind keineswegs auf einfache Anwendungsfälle beschränkt, und die Kits illustrieren die vielen Möglichkeiten und Formate, in denen du Widgets verwenden kannst, zusammen mit kreativen Techniken, wie du sie einsetzen kannst.

Hier sind einige Beispiele, wie du Elementor intelligenter nutzen kannst, indem du die Widgets direkt importierst und siehst, wie sie erstellt wurden:

1. Im Unternehmensbaukasten für Wandertouren kannst du sehen, dass das Heldenbild aus drei nebeneinander liegenden Spalten innerhalb eines Abschnitts besteht. Auf den ersten Blick sieht es so aus, als gäbe es drei einzelne Bilder mit unabhängigen Animationen und Bewegungen, aber in der Praxis haben wir nur eine Bilddatei hochgeladen, die in jeder Spalte an einer anderen Position platziert ist, damit die Dateigröße und die Ladezeit der Seite nicht beeinträchtigt werden.

2. Im Friseursalon-Kit (und im Grunde in jedem Pro-Kit) haben wir jede Fußzeile so konfiguriert, dass sie ein dynamisches Copyright-Logo enthält, das nicht ständig aktualisiert werden muss. Das bedeutet, dass Elementor die Möglichkeit hat, Daten aus benutzerdefinierten Feldern zu extrahieren und sie dynamisch anzuzeigen. Du kannst zum Beispiel jedes Textfeld so konfigurieren, dass es fortlaufend das aktuelle Datum und die Uhrzeit anzeigt, ohne dass du es manuell aktualisieren müssen. Diese Funktion ist besonders nützlich und effektiv für das Urheberrecht in der Fußzeile, dessen Gültigkeit durch das darin geschriebene Datum bestimmt wird.

3. Im NGO-Kit haben wir einen coolen Hack verwendet, der eine Trennwand in drei verschiedenen Farben anzeigt, die zur Farbpalette der Website passen, ohne dass dem Layout tatsächlich drei Trennwände hinzugefügt werden.

Warum solltest du also ein Kit aus der Elementor-Bibliothek verwenden?

Jedes Kit in der Bibliothek wurde von Elementor-internen Experten*innen entwickelt, die die Bedürfnisse von Webentwicklern*innen und potenzielle Probleme, die während des Website-Erstellungsprozesses auftreten können, verstehen und schließlich Elementor leben und atmen. Unser Team hat alle Kits mit dem Wissen erstellt, dass alle Elemente veränderbar sein müssen und so gebaut werden müssen, dass sie die Leistung der Website nicht beeinträchtigen. Das Layout und die Struktur des Kits sollten für den Benutzer*in verständlich und klar sein, und wir stellen diese Klarheit sicher, indem wir allen Abschnitten Namen geben, das Gewicht der Bilddateien so weit wie möglich reduzieren und die Verwendung globaler Einstellungen auf das Minimum reduzieren, das erforderlich ist, damit die Website erstaunlich aussieht und dennoch leicht auf den Arbeitsablauf des Benutzers übertragbar ist. Jedes Kit enthält die Website-Elemente, die das Fundament jeder von dir erstellten Website bilden: Kopfzeile, Fußzeile, Homepage und mindestens drei zusätzliche Inhaltsseiten sowie eine 404-Seite. Archivseiten, einzelne Beiträge und Popups sind ebenfalls in jedem relevanten Kit enthalten. Jeder Baukasten wurde mit dem Ziel erstellt, dir die Möglichkeit zu geben, jeden Baukasten nach deinen Bedürfnissen zu verändern. Alles kann nach Belieben verändert und hinzugefügt werden: Bilder, Inhalte, Animationen, Layoutanpassungen, Farben, Schriftarten und dergleichen. Die Kits-Bibliothek erhebt nicht den Anspruch, ein neuartiges Konzept zu sein, das du noch nie zuvor gesehen haben, aber sie unterstreicht unsere Initiative, Kits bereitzustellen, mit denen du deine Elementor-Website auf die bestmögliche Weise aufbauen kannst. Jedes Kit wurde auf der Grundlage von „Elementor Pure“ entwickelt: Es werden ausschließlich Elementor-Widgets verwendet, und zwar auf eine Weise, die den Bedürfnissen und Problemen jedes Nutzers gerecht wird.

Eine weitere wichtige Priorität bei der Erstellung jedes Baukastens ist für uns die Erkenntnis, dass dies nicht die letzte Version der Website sein wird, die unser Nutzer*in erstellt. Im Gegenteil, jeder Baukasten wird unter der Prämisse erstellt, dass er von Natur aus flexibel sein sollte, da die Nutzer*innen ihre Website ständig aktualisieren und sie so immer persönlicher gestalten werden. Ein Beispiel dafür ist, dass die in den Kits verwendeten Icons als SVG-Dateien erstellt werden, deren Farbe, Größe und Ausrichtung leicht geändert werden können. Ein weiteres Beispiel ist, dass Bildinhalte, die in einem Kit gestylt und angepasst wurden, ersetzt werden können, ohne dass das neu hochgeladene Bild neu gestaltet werden muss.

Was kommt als Nächstes?

Alle Funktionen und Widgets, die Elementor bietet, kommen in den Kits zum Einsatz, die laufend an die täglichen und industriellen Anforderungen angepasst werden. Wir werden weiterhin mehr und mehr Arten von Kits erstellen – für Website-Ersteller, Vermarkter und Profis für eine breite Palette von Kunden*innen. Hier kommen auch die Wireframe-Kits ins Spiel, denn sie dienen als vorgefertigte, saubere Struktur, die bereit für individuelle Inhalte ist. Von Anfang an hast du die Möglichkeit, deine individuellen Design-Assets einzufügen und die Designs anzuwenden, die dein Kunde*in benötigt.

Was musst du tun?

Wir ermutigen dich, ein Kit deiner Wahl zu verwenden und uns mitzuteilen, welche anderen Kits du dir für die Zukunft wünschen. Mit deinem Input können wir die bestehenden Kits verbessern und mehr und mehr Ressourcen für deine langfristige Nutzung von Elementor bereitstellen. Freuen dich auf weitere Kits, die in den kommenden Monaten veröffentlicht werden. Wir sind stolz auf das Produkt, das wir offiziell veröffentlichen – und glauben, dass es eine starke Grundlage für deine langfristige Nutzung von Elementor sein wird. Wir freuen uns darauf, dein Feedback zu implementieren, damit wir das Produkt als Ergebnis verbessern können.

Übersetzt von Sarah van der Linden
von Website Freiburg

Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/introducing-new-kits-library