Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man Template Kit in WordPress installiert

Installation von Vorlagen-Kits in WordPress - Schritt für Schritt 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie wissen, wie man ein Template-Kit in WordPress installiert, ohne den Code zu verändern?

Template-Kits bieten Ihnen alles, was Sie brauchen, um schnell eine individuelle WordPress-Website zu erstellen, ohne dass Sie Entwickler oder Programmierkenntnisse benötigen. Sie können in wenigen Minuten eine professionelle Website erstellen, indem Sie einfach ein Kit importieren und es visuell anpassen.

In dieser Anleitung zeige ich Ihnen, wie Sie ein Template-Kit in WordPress Schritt für Schritt mit der einfachsten Methode für Anfänger installieren können.

Kurze Zusammenfassung: Wie man Template Kit in WordPress installiert

Sie können ein Template-Kit in WordPress in nur wenigen Schritten installieren. Hier ist ein kurzer Überblick:

Nachfolgend werden die einzelnen Schritte mit Screenshots und Profitipps erläutert.

Video-Anleitung

Was ist ein WordPress Template Kit?

WordPress-Vorlagen-Kits sind eine Sammlung von vorgefertigten Seitenvorlagen und Elementen, mit denen Sie eine Website ohne Code erstellen können. Sie haben ein modernes Design, das Sie per Drag-and-Drop visuell an das Branding Ihres Unternehmens anpassen können.

Template-Kits enthalten alles, was Sie für den Aufbau einer vollständig responsiven WordPress-Website benötigen. Zum Beispiel werden sie bestehen aus:

Je nach den Merkmalen des Kits kann es auch andere Seiten für Dienstleistungen, Portfolio, Team, Erfahrungsberichte und mehr enthalten.

Diese Kits können auch viele Namen haben. Einige Unternehmen nennen sie Website-Kits oder Website-Vorlagen, während andere sie WordPress-Starter-Vorlagen nennen. In der Regel tun sie jedoch das Gleiche: eine WordPress-Website schnell und ohne Code erstellen.

Bleibt die Frage: Wie wählt man einen Website-Baukasten aus, und wo findet man ihn?

Wo man die besten WordPress-Vorlagen-Kits findet

Vorlagen-Kits sind ein wesentliches Merkmal für viele WordPress-Seitenerstellungs-Plugins. Sie ermöglichen es Ihnen nicht nur, individuelle WordPress-Seiten von Grund auf zu erstellen, sondern bieten oft auch die Funktionalität für codefreies Webdesign.

Hier sind einige der besten WordPress-Seitenerstellungsprogramme, die Vorlagen-Kits für verschiedene Branchen anbieten.

SeedProd WordPress Website Builder

SeedProd Drag-and-drop WordPress Website-Erstellung

SeedProd ist der beste WordPress-Website-Builder mit über 1 Million Nutzern. Mit seiner einsteigerfreundlichen Oberfläche und dem Drag-and-Drop-Editor macht es die Erstellung jeder WordPress-Website mühelos.

Sie können SeedProd verwenden, um:

Dieses leistungsstarke Plugin verfügt über mehr als 180 responsive Landing Page-Vorlagen und eine wachsende Bibliothek professioneller Website-Kits, die Sie mit einem Klick installieren können. Sie können jedes Website-Kit leicht anpassen, indem Sie Optin-Formulare, Kontaktformulare, Preistabellen, Galerien und mehr hinzufügen.

SeedProd lässt sich mit beliebten WordPress-Plugins wie MonsterInsights, WPForms und All in One SEO integrieren, um Ihre digitalen Marketingbemühungen zu verbessern. Es hilft Ihnen auch, E-Mail-Adressen zu sammeln, indem es mit den besten E-Mail-Marketing-Diensten integriert wird.

Starten Sie noch heute mit SeedProd.

Elementor Page Builder

Elementor Startseite

Elementor ist ein weiterer WordPress Page Builder mit Drag-and-Drop-Funktionalität. Er funktioniert ähnlich wie SeedProd und ermöglicht es Ihnen, mit seinem visuellen Live-Editor Websites und Landing Pages zu erstellen, ohne einen Entwickler einstellen zu müssen.

Die Elementor-Vorlagenbibliothek enthält verschiedene vorgefertigte Landingpage-Vorlagen und Layouts für verschiedene Branchen. Sie können auch das Elementor Templates Kit Plugin installieren, mit dem Sie vorgefertigte Website-Layouts in WordPress installieren können.

Es gibt zwar viele Website-Builder, aber wir sind der Meinung, dass SeedProd und Elementor die besten auf dem Markt sind.

Sehen wir uns nun an, wie man Template-Kits in WordPress installiert.

Wie man Template Kit in WordPress installiert (Schritt für Schritt)

In diesem Tutorial zeigen wir Ihnen, wie Sie Website-Kits in WordPress mit SeedProd installieren. Wir haben uns für SeedProd entschieden, weil es die schnellste Template-Kit-Installation und die einfachste Schnittstelle bietet.

Außerdem ist SeedProd leichtgewichtig und frei von Ballast, was bedeutet, dass es Ihre WordPress-Website nicht verlangsamt. Folgen Sie den nachstehenden Schritten, um ein SeedProd-Site-Kit zu installieren.

Da die Kits von SeedProd als Website-Kits bezeichnet werden, werden wir von nun an diese Terminologie verwenden.

Schritt 1: Installieren und aktivieren Sie das SeedProd Plugin

Der erste Schritt besteht darin, eine Kopie des SeedProd-WordPress-Plugins herunterzuladen. Um die Kits von SeedProd zu verwenden, benötigen Sie mindestens einen SeedProd Pro-Plan.

Kaufen Sie SeedProd Pro hier.

Loggen Sie sich anschließend in Ihr SeedProd-Konto ein und klicken Sie auf die Registerkarte Downloads. Auf dieser Seite können Sie die Plugin-.zip-Datei herunterladen und Ihren Pro-Lizenzschlüssel kopieren.

Finden Sie Ihren SeedProd-Lizenzschlüssel

Nachdem Sie SeedProd heruntergeladen haben, navigieren Sie in Ihrem WordPress-Adminbereich zu Plugins " Neu hinzufügen und klicken auf Neu hinzufügen. Klicken Sie dort auf die Schaltfläche Datei auswählen, wählen Sie die SeedProd-Plugin-Datei aus und klicken Sie auf Jetzt installieren.

Installieren Sie ein WordPress-Plugin

Klicken Sie auf dem folgenden Bildschirm auf den Link Aktivieren, um das SeedProd-Plugin auf Ihrer WordPress-Website zu aktivieren.

Seedprod-Plugin aktivieren

Jetzt, wo SeedProd aktiv ist, können Sie auf die Seite SeedProd " Einstellungen gehen und den Lizenzschlüssel eingeben, 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.

Geben Sie Ihren SeedProd-Lizenzschlüssel ein

Wenn Ihr Lizenzschlüssel aktiv ist, können Sie ein Website-Kit installieren.

Schritt 2: Wählen Sie ein Vorlagenkit aus der Bibliothek

Die Website-Kits von SeedProd funktionieren nahtlos mit der 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.

Wählen Sie ein Website-Kit seedprod

Auf dem folgenden Bildschirm sehen Sie die Website-Kit-Bibliothek von SeedProd.

seedprod website kit bibliothek

Es enthält eine Vielzahl von sauberen Designs für verschiedene Geschäftsbereiche, darunter:

  • Autos und Wartung
  • Mobile Anwendungen
  • eCommerce-Geschäfte
  • Professionelle Dienstleistungen
  • Restaurants und Cafés
  • Bloggen und Mode
  • Hypotheken und Immobilien
  • Veranstaltungen und Spiele
  • Und mehr.

Wir werden Ihnen später zeigen, wie Sie diese anpassen können, aber jetzt fahren Sie mit dem Mauszeiger über das Kit, das Ihnen gefällt, und klicken Sie auf das orangefarbene Häkchensymbol.

Installation des Website-Kits WordPress seedprod

SeedProd fügt nun das komplette Kit als Liste von anpassbaren Vorlagenteilen in Ihr Theme Builder Dashboard ein. Je nach gewähltem Website-Baukasten umfasst es:

  • Kopf- und Fußzeilenvorlagen
  • Homepage- und Blog-Vorlagen
  • Vorlagen für einzelne Seiten und Beiträge
  • Globale CSS-Vorlage
Seedprod website template kit teile

Kürzlich habe ich einer Freundin geholfen, eine Website für ihre Bäckerei mit dem Café-Vorlagenkit von SeedProd zu erstellen. Wir wählten ein Kit mit integriertem Menü und Kontaktformular und hatten die Website in weniger als einer Stunde live, ohne eine einzige Zeile Code zu schreiben.

Wenn Sie sich für ein Website-Kit mit zusätzlichen Seiten entschieden haben, finden Sie diese unter Seiten " Alle Seiten in Ihrer WordPress-Verwaltung. Auf die Bearbeitung dieser Seiten gehen wir später noch genauer ein.

Hinweis: Wenn Sie ein eCommerce-Site-Kit installieren, benötigen Sie eine SeedProd Elite-Lizenz und müssen das WooCommerce-Plugin aktiviert haben.

Wie importiere ich eine ZIP-Datei eines Vorlagenkits in WordPress?

Da Sie mit SeedProd benutzerdefinierte WordPress-Themen erstellen können , können Sie ganz einfach Ihre eigenen Website-Kits für zukünftige Webdesign-Projekte erstellen. Dies ist eine hervorragende Möglichkeit, Ihren Arbeitsablauf zu optimieren, ohne für jedes Projekt von vorne beginnen zu müssen.

Erstellen Sie einfach Ihr individuelles Website-Kit mit dem Theme-Builder und exportieren Sie dann die .zip-Datei als individuelles WordPress-Theme. Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Exportieren eines SeedProd-WordPress-Themas.

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

Website-Kit-Zip-Datei importieren seedprod

Nach ein paar Sekunden wird eine grüne Meldung angezeigt, dass der Import erfolgreich war.

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

Die Vorlagen von SeedProd sind standardmäßig deaktiviert, um sicherzustellen, dass Ihr aktuelles Theme nicht überschrieben wird, bevor Sie bereit sind. Stellen Sie sicher, dass Sie die Demo-Inhalte durch Ihre eigenen ersetzen, bevor Sie diesen Schritt ausführen (wir zeigen Ihnen später in diesem Beitrag, wie).

Um Ihr Website-Kit live zu schalten und Ihr aktuelles WordPress-Theme zu überschreiben, gehen Sie auf die Seite SeedProd " Theme Builder, suchen Sie den Schalter SeedProd-Theme aktivieren und stellen Sie ihn auf "Ein".

seedprod Website-Kit aktivieren

Sie können jetzt eine Vorschau Ihrer neuen Website in WordPress anzeigen!

wordpress website kit beispiel seedprod

Die Installation von Website-Kits in WordPress mit SeedProd erfordert nur wenige Klicks. Jetzt schauen wir uns an, wie Sie Ihr Design im Detail bearbeiten und anpassen können.

So passen Sie Ihr Vorlagenkit in WordPress an

Nach der Installation eines Kits auf Ihrer WordPress-Website werden Sie wahrscheinlich ein paar Dinge ändern wollen. Im Folgenden zeigen wir Ihnen, wie Sie verschiedene Teile Ihres Kits mit dem visuellen Drag-and-Drop-Editor von SeedProd anpassen können.

Eines der ersten Dinge, die Sie ändern möchten, ist das Logo der Standardvorlage. Gehen Sie dazu zu SeedProd " Theme Builder, suchen Sie den Teil Header-Vorlage und klicken Sie auf den Link Design bearbeiten.

seedprod-Kopfvorlage bearbeiten

Die Kopfzeile wird im visuellen Editor geöffnet, wo Sie den Inhalt durch Klicken, Ziehen und Ablegen anpassen können.

Website-Kit-Kopfzeile anpassen

Klicken Sie auf das Standardlogo in der Live-Vorschau, um die Einstellungen im linken Bereich zu öffnen. Klicken Sie dann auf das Mülleimersymbol, um das Logo zu entfernen.

Ändern Sie das Logo Ihrer WordPress-Website

Jetzt können Sie ein benutzerdefiniertes Logo aus Ihrer WordPress-Mediathek hochladen, einen benutzerdefinierten Link zum Bild hinzufügen und dessen Größe und Ausrichtung anpassen.

Hier sind einige andere Dinge, die Sie in der Kopfzeilenvorlage anpassen können:

  • Menü Navigation
  • Suchfeld
  • Links zu sozialen Medien

Wenn Sie mit Ihren Anpassungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke. Sie können nun Ihre neue Kopfzeile auf dem vorderen Ende Ihrer Website sehen.

Beispiel für einen benutzerdefinierten WordPress-Header

Anpassen Ihres Inhalts

Die Vorlagen von SeedProd werden mit Demo-Inhalten geliefert, die es Ihnen erleichtern, sich Ihre fertige Website vorzustellen. Sie müssen diese Inhalte jedoch durch Informationen über Ihr Unternehmen, Ihre Produkte oder Dienstleistungen ersetzen.

Ich habe zum Beispiel das Freelancer-Vorlagenkit verwendet, um schnelle Landing Pages für Portfolio-Projekte zu erstellen. Anstatt bei Null anzufangen, tausche ich einfach den Text und die Bilder aus und veröffentliche sie. Das ist perfekt für Nebenjobs oder Kundenaufträge.

Sie können den Standardinhalt leicht ersetzen, indem Sie die gleichen Prinzipien wie bei der Anpassung des Kopfzeileninhalts anwenden.

Vorlage Teile

Wenn Sie zum Beispiel Ihre WordPress-Homepage anpassen möchten, klicken Sie auf den Link Design bearbeiten in der Homepage-Vorlage. Sie können dann jeden Teil des Designs im visuellen Editor anpassen.

website kit homepage vorlage anpassen

Wenn Sie beispielsweise auf eine beliebige Überschrift klicken, können Sie den Text der Überschrift direkt in der Vorschau oder im Einstellungsfenster für den Inhalt bearbeiten.

Website-Kit-Überschriften bearbeiten

Sie können auch Bilder ändern, wie Sie es bei Ihrem Logo getan haben, und die Call-to-Action-Schaltflächen bearbeiten, um Klicks und Konversionen zu steigern.

Schaltflächen der Website-Vorlage anpassen

Profi-Tipp: Die Schaltflächenblöcke von SeedProd verfügen über vorgefertigte Vorlagen für ein einfaches Styling. Klicken Sie auf die Registerkarte " Vorlagen" im Einstellungsfenster und wählen Sie einen beliebigen Schaltflächenstil mit einem einzigen Klick aus.

Seedprod-Vorlagen für cta-Schaltflächen

Inhalt Seiten

Sie müssen Ihre Inhaltsseiten bearbeiten, z. B. die Seiten Über, Kontakt und Dienstleistungen. Da es sich bei diesen Seiten nicht um Vorlagenteile handelt, können Sie sie in Ihrem WordPress-Admin unter Seiten " Alle Seiten finden.

Inhaltsseiten mit seedprod in WordPress bearbeiten

Von dort aus klicken Sie auf den Link Mit SeedProd bearbeiten, um die Seite im visuellen Editor zu öffnen.

Kontaktseite mit Seedprod bearbeiten

Die Anpassung der Seite funktioniert genauso wie zuvor. Sie können zum Bearbeiten auf eine beliebige Stelle in der Vorschau klicken und Blöcke aus dem Blockmenü ziehen, um weitere Seitenelemente hinzuzufügen.

Zum Beispiel können Sie den Optin-Formular-Block entfernen, indem Sie auf das Mülleimer-Symbol klicken und dann über den Contact Form-Block ziehen, um Ihr WPForms-Kontaktformular hinzuzufügen.

seedprod-Kontaktformularblock hinzufügen

So bearbeiten Sie Ihre globalen Vorlagenkit-Einstellungen

Vielleicht möchten Sie auch die Schriftarten und Farben Ihrer Vorlage an das Branding Ihres Kleinunternehmens anpassen. Dies ist mit den globalen CSS-Einstellungen von SeedProd leicht möglich.

Klicken Sie im Dashboard des Theme Builders auf den Link Design bearbeiten auf der globalen CSS-Vorlage, um sie im visuellen Editor zu öffnen.

Jetzt können Sie das Styling von Elementen auf Ihrer gesamten Website anpassen. Erweitern Sie einfach eine Überschrift und ändern Sie die Einstellungen nach Ihren Wünschen.

SeedProd globale css-Einstellungen

Sie können zum Beispiel benutzerdefinierte Farben für Links, Schaltflächen, Text und Hintergründe wählen. Sie können auch die Typografie Ihrer Website, Schaltflächen, das Layout und benutzerdefinierte CSS anpassen, um die Änderungen automatisch auf Ihre gesamte Website anzuwenden.

FAQs zur Installation von WordPress Template Kits

Benötige ich ein Plugin, um ein Template-Kit in WordPress zu installieren?
Ja. Die meisten Vorlagen-Kits sind für die Verwendung mit einem bestimmten Page-Builder-Plugin wie SeedProd oder Elementor konzipiert. Diese Tools erleichtern das Importieren und Anpassen von Kits per Drag-and-Drop.
Kann ich ein Template-Kit installieren, ohne Elementor zu verwenden?
Ja, natürlich. Sie können auch andere Builder wie SeedProd verwenden, die eine schnelle, codefreie Installation von Vorlagen-Kits und einen visuellen Editor bieten, der für Anfänger geeignet ist.
Wo finde ich WordPress-Vorlagen-Kits?
Vorlagen-Kits sind in Plugins wie SeedProd und Elementor verfügbar, oder Sie können sie auf Marktplätzen wie Envato Elements finden. Mit SeedProd erhalten Sie Zugang zu einer wachsenden Bibliothek von 1-Klick-Installationskits.
Wird durch die Installation eines Vorlagenkits mein aktueller Inhalt gelöscht?
Nicht sofort. Mit Tools wie SeedProd können Sie ein Kit in der Vorschau anzeigen und anpassen, bevor Sie es aktivieren. Stellen Sie nur sicher, dass Sie Ihre Website zuerst sichern und den Demo-Inhalt ersetzen, bevor Sie live gehen.
Kann ich ein und dasselbe Vorlagenkit für mehrere Websites verwenden?
Ja, solange Ihre Lizenz dies zulässt. Mit SeedProd Pro können Sie zum Beispiel Ihr benutzerdefiniertes Vorlagen-Kit exportieren und auf anderen WordPress-Websites wiederverwenden.

Nächste Schritte

Wie Sie sehen, ist es mit SeedProd mühelos möglich, jeden Teil Ihrer WordPress-Website anzupassen, ohne Code lernen oder einen Entwickler einstellen zu müssen.

Ich hoffe, dass Ihnen dieser Artikel gefallen hat und Sie gelernt haben, wie man Template-Kits in WordPress installiert.

Hier sind einige weitere Leitfäden, die Sie für Ihre Unternehmenswebsite hilfreich finden könnten:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.