So installiere ich ein WordPress Template Kit in unter einer Stunde (ohne Code) 

Du hast ein Template Kit gefunden, das dir gefällt, und möchtest es auf WordPress live schalten, ohne Code anzufassen. Oder du hast bereits eines von Envato oder Elementor heruntergeladen und stehst vor einer ZIP-Datei, ohne zu wissen, wohin damit.

So oder so ist das mit wenigen Klicks machbar. Ich habe kürzlich für die Bäckerei eines Freundes eine Website mit dem Café-Kit von SeedProd erstellt und sie war in unter einer Stunde live, ohne Code. In dieser Anleitung zeige ich dir, wie du ein Template Kit in WordPress für beide Wege installierst.

Was ist ein WordPress Template Kit?

WordPress Template Kits sind eine Sammlung von vordefinierten Seitenvorlagen und Elementen, mit denen Sie eine Website erstellen können, ohne Code zu benötigen. Sie haben ein modernes Design, das Sie visuell per Drag & Drop an Ihr Unternehmens-Branding anpassen können.

Template Kits enthalten alles, was Sie brauchen, um eine vollständig responsive WordPress-Website zu erstellen. Zum Beispiel bestehen sie aus:

• Blog-Seite
• Startseite
• Kopfzeile
• Fußzeile
• Über uns Seite
• Kontaktseite

Abhängig von den Kit-Funktionen können auch andere Seiten für Dienstleistungen, Portfolio, Team, Testimonials und mehr enthalten sein.

Diese Kits können auch viele Namen haben. Manche Unternehmen nennen sie Website Kits oder Website-Vorlagen, während andere sie WordPress Starter-Vorlagen nennen. Sie tun typischerweise dasselbe: eine WordPress-Website erstellen, schnell und ohne Code.

So installierst du ein Template Kit in WordPress (Schritt für Schritt)

Der schnellste Weg für die meisten Anfänger ist ein SeedProd Website Kit, das mit wenigen Klicks direkt von deinem Dashboard installiert wird. SeedProd ist ein Drag-and-Drop-Website-Builder mit über 1 Million Nutzern und verfügt über eine wachsende Bibliothek von professionellen Website Kits, die du mit einem Klick installieren kannst.

Dies war die Methode, die ich für die Bäckerei-Website verwendet habe, live in unter einer Stunde, ohne eine Zeile Code zu schreiben. Wenn du stattdessen bereits ein Kit von Envato oder Elementor heruntergeladen hast, springe zum Abschnitt ZIP-Import unten.

Da die Kits von SeedProd Website Kits heißen, verwende ich diese Terminologie von nun an. Befolge die nachstehenden Schritte, um eines zu installieren.

Schritt 1: Installieren und Aktivieren des SeedProd-Plugins

Der erste Schritt ist der Download einer Kopie des SeedProd WordPress Plugins. Um die Website Kits von SeedProd zu nutzen, benötigst du mindestens einen SeedProd Plus-Tarif, da hier der Theme Builder und die vollständigen Website Kits freigeschaltet werden.

SeedProd hier erhalten.

Melde dich in deinem SeedProd-Konto-Dashboard an und klicke auf den Tab Downloads. Auf dieser Seite kannst du die Plugin .zip-Datei herunterladen und deinen Lizenzschlüssel kopieren.

Nach dem Herunterladen von SeedProd gehen Sie in Ihrem WordPress-Adminbereich zu Plugins » Neues Plugin hinzufügen und klicken Sie auf Neues Plugin hinzufügen. Klicken Sie von dort auf die Schaltfläche Datei auswählen, wählen Sie die SeedProd-Plugin-Datei aus und klicken Sie auf Jetzt installieren.

Klicken Sie auf dem nächsten Bildschirm auf den Link Aktivieren, um das SeedProd-Plugin auf Ihrer WordPress-Site zu aktivieren.

Jetzt, da SeedProd aktiv ist, gehen Sie zur Seite SeedProd » Einstellungen und geben Sie den Lizenzschlüssel ein, den Sie zuvor kopiert haben. Nachdem Sie ihn in das Feld Lizenzschlüssel eingefügt haben, klicken Sie auf die Schaltfläche Schlüssel aktivieren.

Nachdem Ihr Lizenzschlüssel aktiviert ist, ist es an der Zeit, ein Website-Kit zu installieren.

Schritt 2: Wählen Sie ein Vorlagen-Kit aus der Bibliothek aus

SeedProds Website-Kits funktionieren mit seiner Theme Builder-Funktion. Um eines für Ihre Website auszuwählen, gehen Sie zu SeedProd » Theme Builder und klicken Sie auf die Schaltfläche Themes.

Auf dem nächsten Bildschirm sehen Sie die Website-Kit-Bibliothek von SeedProd. Sie enthält saubere Designs für verschiedene Branchen, darunter:

• Autos und Wartung
• Mobile Anwendungen
• E-Commerce-Shops
• Professionelle Dienstleistungen
• Restaurants und Cafés
• Blogging und Mode
• Hypotheken und Immobilien
• Veranstaltungen und Spiele

Ich zeige Ihnen später, wie Sie diese anpassen können, aber bewegen Sie für jetzt Ihren Cursor über das Kit, das Ihnen gefällt, und klicken Sie auf das orangefarbene Häkchen-Symbol.

SeedProd fügt das vollständige Kit Ihrem Theme Builder-Dashboard als Liste anpassbarer Vorlagenteile hinzu. Je nach gewähltem Kit enthält es:

• Header- und Footer-Vorlagen
• Homepage- und Blog-Vorlagen
• Einzelne Seiten- und Beitragsvorlagen
• Globale CSS-Vorlage

Dies ist der Teil des Prozesses, den ich wirklich schnell finde. Für die Bäckerei-Website habe ich ein Kit mit einem integrierten Menü und Kontaktformular gewählt, und das gesamte Layout war fertig, bevor ich meinen Kaffee ausgetrunken hatte.

Wenn Sie ein Website-Kit mit zusätzlichen Seiten wählen, finden Sie diese, indem Sie in Ihrem WordPress-Adminbereich zu Seiten » Alle Seiten gehen. Ich werde die Bearbeitung dieser später detaillierter behandeln.

Hinweis: Wenn Sie ein E-Commerce-Website-Kit installieren, benötigen Sie eine SeedProd Elite-Lizenz und das WooCommerce-Plugin muss aktiv sein.

So verwendest du ein SeedProd Kit auf einer anderen Website

Da SeedProd es Ihnen ermöglicht, benutzerdefinierte WordPress-Themes zu erstellen, können Sie Ihre eigenen Website-Kits erstellen und sie für zukünftige Projekte wiederverwenden. Das spart Ihnen, jedes Mal von vorne anzufangen.

Erstellen Sie Ihr benutzerdefiniertes Kit mit dem Theme Builder und exportieren Sie dann die .zip-Datei als benutzerdefiniertes WordPress-Theme. Hier ist eine Anleitung zum Exportieren eines SeedProd WordPress-Themes.

Sie können das Kit dann auf jede andere Website mit einer aktiven SeedProd-Installation importieren. Gehen Sie zu SeedProd » Import/Export, klicken Sie unter der Überschrift Theme-Dateien importieren auf Datei auswählen und klicken Sie auf die Schaltfläche Theme-Dateien importieren.

Nach einigen Sekunden sehen Sie eine grüne Benachrichtigung, dass der Import erfolgreich war.

Schritt 3: Aktivieren Sie das Template Kit auf Ihrer WordPress-Website

SeedProds Vorlagen sind standardmäßig deaktiviert, damit Ihr aktuelles Theme nicht überschrieben wird, bevor Sie bereit sind. Ersetzen Sie den Demo-Inhalt durch Ihren eigenen, bevor Sie diesen Schritt abschließen (ich zeige Ihnen unten, wie das geht).

Um Ihr Website-Kit live zu schalten und Ihr aktuelles WordPress-Theme zu überschreiben, gehen Sie zur Seite SeedProd » Theme Builder, finden Sie den Schalter SeedProd Theme aktivieren und stellen Sie ihn auf die Position „Ein“.

Sie können jetzt eine Vorschau Ihres neuen Website-Kits in WordPress anzeigen.

Das Installieren von Website-Kits in WordPress mit SeedProd dauert nur wenige Klicks. Als Nächstes behandle ich den anderen Weg: den Import eines Kits, das Sie von Envato oder Elementor heruntergeladen haben.

So installierst du eine Envato- oder Elementor-Template-Kit-ZIP

Wenn Sie mit einem Kit angekommen sind, das bereits von Envato Elements heruntergeladen wurde oder für Elementor erstellt wurde, importieren Sie es mit einem kostenlosen Plugin namens Template Kit Import. Es liest die ZIP-Datei, richtet die Vorlagen ein und teilt Ihnen mit, welche Plugins das Kit zum Ausführen benötigt.

Eine Sache, die Sie wissen sollten: Envato hat sein eigenes Elements-Template-Kit-Plugin eingestellt, sodass der alte Weg, den viele ältere Anleitungen beschreiben, nicht mehr funktioniert. Der aktuelle Weg ist das kostenlose Template Kit Import-Plugin auf wordpress.org.

Um es zu installieren, gehen Sie zu Plugins » Neues hinzufügen, suchen Sie nach „Template Kit Import“ und installieren und aktivieren Sie es. Sobald es aktiv ist, gehen Sie zu Werkzeuge » Template Kit und laden Sie Ihre ZIP-Datei hoch.

Der Importeur scannt das Kit und listet alle erforderlichen Plugins auf (oft Elementor und ein Kit-spezifisches Add-on). Installieren Sie diese zuerst und führen Sie dann den Import erneut durch, um die Vorlagen zu importieren.

Was tun, wenn ein Kit leer importiert wird oder Fehler auftreten

Ein leerer oder fehlgeschlagener Import liegt fast immer an einem fehlenden erforderlichen Plugin. Das Import-Tool markiert diese oben auf dem Bildschirm. Installieren Sie also alles, was es auflistet, und importieren Sie erneut.

Überprüfen Sie bei Elementor-Kits speziell, ob die Flex-Container-Einstellung mit dem übereinstimmt, für das das Kit erstellt wurde. Wenn Layouts nach dem Import kaputt aussehen, ist diese Nichtübereinstimmung normalerweise die Ursache, und das Ändern der Einstellung vor dem erneuten Import behebt das Problem.

Anpassen Ihres Template-Kits in WordPress

Nach der Installation eines Kits möchten Sie wahrscheinlich ein paar Dinge ändern. Mit dem visuellen Drag-and-Drop-Editor von SeedProd sind die drei Dinge, die Sie zuerst anfassen werden, das Logo, der Seiteninhalt und Ihre globalen Farben und Schriftarten.

Fügen Sie Ihr Website-Logo hinzu. Gehen Sie zu SeedProd » Theme Builder, finden Sie den Vorlagenteil Header und klicken Sie auf den Link Design bearbeiten.

Der Header öffnet sich im visuellen Editor, wo Sie klicken, ziehen und ablegen können, um ihn anzupassen.

Klicken Sie auf das Standardlogo in der Live-Vorschau, um seine Einstellungen im linken Bedienfeld zu öffnen. Klicken Sie dann auf das Papierkorbsymbol, um das Logo-Bild zu entfernen. Jetzt können Sie ein benutzerdefiniertes Logo aus Ihrer Mediathek hochladen, einen Link zum Bild hinzufügen und seine Größe und Ausrichtung anpassen.

Sie können auch das Navigationsmenü, die Suchleiste und die Social-Media-Links hier anpassen. Wenn Sie zufrieden sind, klicken Sie oben rechts auf die Schaltfläche Speichern und überprüfen Sie den neuen Header im Frontend Ihrer Website.

Ersetzen Sie den Demo-Inhalt. Kits werden mit Demo-Inhalten geliefert, damit Sie die fertige Website visualisieren können. Sie müssen diese jedoch durch Ihre eigenen Geschäftsdaten ersetzen. Ich habe das Freelancer-Template-Kit verwendet, um schnell Landingpages für Portfolio-Projekte zu erstellen.

Anstatt bei Null anzufangen, tausche ich einfach den Text und die Bilder aus und veröffentliche. Es ist perfekt für Nebenjobs oder Kundenarbeiten und verwendet die gleichen Prinzipien wie die Anpassung des Headers.

Um Ihre WordPress-Homepage anzupassen, klicken Sie auf den Link Design bearbeiten auf der Vorlage Homepage. Wenn Sie auf eine Überschrift klicken, können Sie den Text direkt in der Vorschau oder im Inhalts-Einstellungsfeld bearbeiten.

Sie können Bilder auf die gleiche Weise austauschen wie das Logo und die Call-to-Action-Schaltflächen bearbeiten, um Klicks und Conversions zu steigern.

Profi-Tipp: Die Button-Blöcke von SeedProd verfügen über vorgefertigte Vorlagen für eine einfache Gestaltung. Klicken Sie im Einstellungsbereich auf die Registerkarte Vorlagen und wählen Sie mit einem einzigen Klick einen beliebigen Button-Stil aus.

Für Inhaltsseiten wie Über uns, Kontakt und Dienste gehen Sie in Ihrem WordPress-Adminbereich zu Seiten » Alle Seiten, da dies keine Vorlagenteile sind.

Klicken Sie auf den Link Mit SeedProd bearbeiten, um die Seite im visuellen Editor zu öffnen. Die Anpassung funktioniert genauso: Klicken Sie auf eine beliebige Stelle in der Vorschau, um sie zu bearbeiten, und ziehen Sie Blöcke aus dem Blockmenü, um weitere Elemente hinzuzufügen.

Sie können beispielsweise das Opt-in-Formularfeld mit dem Papierkorbsymbol entfernen und dann das Kontaktformular-Feld darüber ziehen, um Ihr WPForms Kontaktformular hinzuzufügen.

Legen Sie Ihre globalen Farben und Schriftarten fest. Um Ihr Branding auf der gesamten Website anzupassen, klicken Sie im Theme Builder-Dashboard auf den Link Design bearbeiten in der Vorlage Global CSS. Erweitern Sie eine Überschrift und ändern Sie die Einstellungen nach Ihren Wünschen.

Sie können benutzerdefinierte Farben für Links, Schaltflächen, Text und Hintergründe auswählen und Ihre Typografie, Ihr Layout und Ihr benutzerdefiniertes CSS festlegen. Die Änderungen werden automatisch auf Ihre gesamte Website angewendet.

FAQs zur Installation von WordPress-Template-Kits

Wie installiere ich ein Envato- oder Elementor-Template-Kit-ZIP in WordPress?

Installieren Sie das kostenlose Plugin Template Kit Import von wordpress.org, gehen Sie dann zu Werkzeuge » Template Kit und laden Sie Ihre ZIP-Datei hoch. Der Importeur liest das Kit und listet alle benötigten Plugins auf.

Installieren Sie zuerst diese erforderlichen Plugins und führen Sie dann den Import erneut durch, um die Vorlagen zu importieren.

Das Envato Template Kit Plugin ist weg, wie importiere ich jetzt ein Kit?

Envato hat sein eigenes Elements Template-Kit-Plugin eingestellt, daher gelten ältere Anleitungen nicht mehr. Der aktuelle Weg ist das kostenlose Plugin Template Kit Import auf wordpress.org.

Installieren und aktivieren Sie es, laden Sie dann Ihr Kit-ZIP unter Werkzeuge » Template Kit hoch.

Warum wird mein Template-Kit leer importiert oder fehlen Anforderungen?

Ein leerer oder fehlgeschlagener Import bedeutet normalerweise, dass ein erforderliches Plugin noch nicht installiert ist. Das Import-Tool markiert diese oben auf dem Bildschirm. Installieren Sie daher alles, was es auflistet, und importieren Sie erneut.

Bei Elementor-Kits liegt ein fehlerhaftes Layout oft daran, dass die Flex-Container-Einstellung nicht mit dem übereinstimmt, was das Kit erwartet.

Funktionieren Template-Kits mit dem Block-Editor ohne Seitenersteller?

Die meisten Template-Kits sind für einen bestimmten Builder wie SeedProd oder Elementor erstellt, sodass Sie sie über dieses Plugin anstelle des Standard-Block-Editors installieren. Blockbasierte „Muster“ existieren im WordPress-Kern, sind aber nicht dasselbe wie vollständige Kits.

Für ein Code-freies Kit, das mit wenigen Klicks installiert wird, ist ein Builder wie SeedProd der einfachste Weg.

Löscht die Installation eines Template-Kits meine aktuellen Inhalte?

Nicht sofort. Tools wie SeedProd ermöglichen es Ihnen, ein Kit in der Vorschau anzuzeigen und anzupassen, bevor Sie es aktivieren. Sichern Sie einfach zuerst Ihre Website und ersetzen Sie die Demo-Inhalte, bevor Sie live gehen.

Kann ich dasselbe Template-Kit auf mehreren Websites verwenden?

Ja, solange Ihre Lizenz dies zulässt. Mit SeedProd Pro können Sie beispielsweise Ihr benutzerdefiniertes Template-Kit exportieren und auf anderen WordPress-Websites wiederverwenden.

Nächste Schritte

Sie haben mit einem Kit und ohne klaren Weg, es live zu schalten, begonnen, und jetzt haben Sie einen, ganz ohne Code. SeedProd macht es mühelos, jeden Teil Ihrer WordPress-Website anzupassen, ohne Code lernen oder einen Entwickler einstellen zu müssen.

Starten Sie noch heute mit SeedProd

Hier sind einige weitere Anleitungen, die für Ihre Geschäftswebsite hilfreich sein könnten:

• So erstellen Sie ausgefallene Abschnittstrenner für WordPress-Websites
• Blog-Seite in WordPress erstellen
• So passen Sie Ihre WooCommerce-Shop-Seite ganz einfach an

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.