Erstelle eine komplette WordPress-Website mit den Elementor Kits

Elementor Kits - WordPress Website erstellen mit ein paar Klicks

Du willst selbst rasch und einfach deine neue Website erstellen? Hast aber gehört, dass das aufwendig ist und gerade mit WordPress sehr kompliziert?

Dieses Gerücht wird immer wieder verbreitet – dabei stimmt es gar nicht mehr. Spätestens seit der Einführung der Elementor Kits* ist es kinderleicht eine Website mit WordPress zu erstellen.

Erfahre jetzt, was die Elementor Kits sind und wie du mit ein paar Klicks deine WordPress-Website erstellen kannst.

Inhalt

Was sind Elementor Kits?

Elementor Kits sind in Elementor und Elementor Pro* integrierte Design-Vorlagen. Diese kannst du mit ein paar Klicks herunterladen und anschließend mit Inhalten befüllen.

Elementor Kits können direkt in Elementor angesehen und aktiviert werden
Elementor Kits können direkt in Elementor angesehen und aktiviert werden

Aktuell gibt es über 90 Design-Vorlagen für jedes erdenkliche Szenario. Von der Band über das Tanz-Studio bis zu Online-Shops wirst du sicher etwas finden, das deinen Geschmack trifft.

Die Elementor Kits werden von den Designern bei Elementor erstellt und sind im Elementor-Abo* enthalten.

Dabei ist wichtig zu wissen, dass du jeden Aspekt der Elementor Kits anpassen kannst:

  • Farben können ganz einfach und global für das gesamte Kit geändert werden.
  • Schriften sind ebenso global angelegt und können zentral geändert werden.
  • einzelne Seiten sind super strukturiert aufgebaut, es ist also sehr einfach die Seitenstruktur zu ändern.
Globale Farben und Schriften in Elementor Kits
Globale Farben und Schriften in Elementor Kits

Die Design-Vorlagen sind nur mit Elementor umgesetzt, dh. es ist kein Elementor-Programmier notwendig, um deine Website zum Laufen zu bringen. Kein Child-Theme, kein eigener CSS-Code, einfach nur “raw Elementor”.

Woraus bestehen Elementor Kits?

Hier der Inhalt eines zufällig gewählten Elementor Kits:

Seiten und Templates eines Elementor Kits
Seiten und Templates eines Elementor Kits

Dieses Kit enthält:

Weiters natürlich den Header sowie den Footer und ein Popup.

Die Kits enthalten auch Einstellungen für die Seite, wie globale Farben, globale Schriften usw.

Damit sind alle wichtigen Teile einer Website abgebildet und verfügbar. Weitere Inhaltsseiten erstellst du, indem du die bestehenden Seiten kopierst und mit Inhalten befüllst.

Elementor Pro um 20% günstiger!

Die Vorteile von Elementor Kits

Der größte Vorteil ist der, dass du mithilfe der professionellen Website-Vorlagen sehr rasch deine eigene Website erstellen kannst. Die Designs sind von Grafikern erstellt und haben durchwegs eine hohe Qualität.

Als Benutzer von WordPress kannst du das komplette Kit mit ein paar Klicks importieren und sofort loslegen. Als Webdesigner hast du einen weiteren Vorteil, den ich in meinem Vortrag über Elementor erwähne.

Die Elementor Vorlagen sind 100% responsive, funktionieren also am großen Desktop-Monitor genauso wie auch auf modernen Smartphones.

Aber auch als Website-Entwickler haben Kits einen großen Vorteil: du kannst eigene Kits erstellen auch wieder exportieren. Startest du also mit dem nächsten Website-Projekt, dann startest du nicht von null, sondern kannst auf dem bestehenden Design aufbauen.

Website-Kits können selbst erstellt werden!
Website-Kits können selbst erstellt werden!

Lernen mithilfe von Elementor Kits

Elementor Kit: Navigator von Elementor

Die Elementor Kits sind sehr clean mit Elementor aufgebaut. Es wurden sogar die einzelnen Abschnitte im Navigator von Elementor benannt:

Das erlaubt es dir von den bestehenden und professionell angelegten Elementor Kits* zu lernen.

Sieh dir den Aufbau der einzelnen Seiten an, welche Module wurden verwendet, wie wurden sie angepasst?

Wie verwendest du Elementor Kits?

Stelle sicher, dass du die letzte und aktuelle Version von Elementor verwendest. Anschließend findest du die Elementor Kits im WordPress-Dashboard unter Templates > Kit Library.

Elementor Kits im WordPress Dashboard
Elementor Kits im WordPress Dashboard

Es öffnet sich die Übersicht mit allen Template Kits. Dort kannst du mithilfe der Suche und der Filter nach der von dir gewünschten Vorlage suchen.

Die Suche nach der richtigen Vorlage ...
Die Suche nach der richtigen Vorlage …

Wählst du eine Vorlage aus, kommst du sofort zur Live-Demo. Dort kannst du dir die Vorlage in Ruhe ansehen – und zwar für Mobil, Tablet und Desktop. Die entsprechenden Schalter findest du am oberen Bildschirmrand.

Hast du dich für eine Vorlage entschieden klicke rechts oben auf “Apply Kit”:

Elementor Kit anwenden
Elementor Kit anwenden

Du kannst dann noch auswählen, was genau du importieren willst – vermutlich das gesamte Kit, also passen die Voreinstellungen:

Elementor Kit importieren
Elementor Kit importieren

Danach dauert es kurz, während Elementor das Kit inklusive der Einstellungen aber auch der Bilder in deine WordPress-Installation lädt. Und dann? Dann kannst du loslegen und die Seiten bearbeiten!

Fragen zu Elementor Kits

Kann ich mehrere Elementor-Kits auf meiner Website verwenden?

Aktuell ist das noch nicht möglich. Du kannst also nur ein Elementor Kit auf deiner Website einsetzen.

Was ist in den Elementor Kits enthalten?

Ein Elementor-Kit ist eine komplette Design-Vorlage einer Website. Es enthält alle Seitenvorlagen, alle Abschnitte und Templates wie Header sowie Footer, Popups, Einstellungen sowie den Demo-Inhalt, den du selbstverständlich verwenden darfst.

Wenn ich ein Elementor Kit installiere – wird das meine Website zerstören?

Leider ja. Ein Elementor-Kit enthält Inhaltsseiten, Einstellungen usw. Die Einstellungen können das Aussehen deiner Website verändern und die Seiten könnend die Funktionalität deiner Website beeinflussen. Erstelle daher vorab unbedingt ein Backup!

Kann ich auswählen, welche Teile des Elementor Kits ich installieren möchte?

Du kannst wählen, ob du die Vorlagen, den Inhalt oder die Einstellungen importieren möchtest. In Zukunft wird es die Möglichkeit geben noch feiner zu bestimmen, was genau du importieren willst.

Was ist die korrekte Vorgehensweise nach der Installation eines Elementor Kits?

Ein Elementor Kit ist eine vollständige Seite mit allen notwendigen Komponenten. Die Kits sind mit globalen Farben und Schriften erstellt – diese kannst du als Erste bearbeiten. Bearbeite anschließend die Inhalte der einzelnen Seiten.

Bei dem gerade heruntergeladenen Kit funktioniert das Popup nicht, was kann ich tun?

Aktuell werden Popups beim Import nicht automatisch mit den Buttons verbunden. Du musst also den Button bearbeiten und das Popup manuell auswählen.

Wo kann ich mehr über Elementor Kits erfahren?

Willst du mehr über Elementor Kits erfahren, dann liest du dir am besten diesen Blog-Beitrag von Elementor durch (Englisch): Introducing Our New Kits Library*. Oder schau dir das entsprechende Video an.

Erstelle jetzt deine Website mit einem Elementor Kit!

Die meisten der von mir erstellen Websites werden zwar von Grafikern direkt für den Kunden entworfen, aber ich bin von den Elementor Kits sehr angetan. Diese erlauben es rasch und unkompliziert eine Landingpage oder einfache Website zu erstellen.

Die Qualität der Elementor Kits ist durchwegs sehr hoch und ich habe auch den einen oder anderen Trick der Elementor-Entwickler gelernt, wie ich mir ein paar der Kits angesehen habe.

Die Kits eignen sich daher ideal um rasch und unkompliziert einen ersten Entwurf deiner Website online zu haben.

Worauf wartest du? Probiere die neuen Elementor Kits* aus und erstelle im Handumdrehen deine Website!

Hier findest du alle Details zu den Elementor Kits:

Elementor Kits

Über den Autor

Michael
Hi, ich bin Michael Baierl und bin WordPress-Profi aus Wien. Ich arbeite mit Web-Designern, die vor der Herausforderung stehen, an die richtigen Kunden zu kommen. In meiner WordPress-Community – den Website Heroes – finden Web-Designer alles, um großartige Websites für ihre Kunden zu erstellen und finanziell erfolgreich zu sein: regelmäßige Weiterbildung, Austausch, Feedback, schnelle Problemlösung und Co-Working.

4 Antworten

  1. Vielen Dank für die Informationen.
    Kann ich bei den Kits auch Seiten hinzufügen, die dann im gleichen Layout des Kits sind? Ich versuche das gerade und finde keine Funktion dafür. Es ist ein free Kit mit 4 Seiten, ich brauche aber mehr Seiten.
    Ich habe auch die Elementor Pro Version (falls das hilft)
    Danke Dir.

    1. Liebe Vanessa,
      klar geht das. Entweder indem du eine bestehende Seite kopierst (z.B. mit diesem Plugin), oder indem du eine neue Seite anlegst, Elementor lädst und dann genau die Seite im Kit-Layout als Vorlage verwendest.
      Liebe Grüße,
      Michael

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Projektanfrage

Wobei kann ich dich unterstützen?
Angebote schreiben in 10 Minuten - mit der ultimativen Angebotsvorlage für Web-Designer, Webprogrammierer und Online-Marketer

Wasserdichte Angebote schreiben in nur 10 Minuten?

Hol dir die ultimative Angebotsvorlage für Webdesigner, Web-Programmierer und Online-Marketer.