Installation von Template Kits in WordPress (Schritt-für-Schritt)

Möchten Sie Template-Kits in WordPress installieren?

Die Gestaltung einer Website kann viel Zeit und Mühe kosten, vor allem, wenn Sie ein Anfänger sind. Zum Glück können Sie mit Vorlagen-Kits ein professionelles Website-Design auf Ihre gesamte WordPress-Website anwenden – mit nur einem Klick auf die Schaltfläche.

In diesem Artikel zeigen wir Ihnen, wie Sie Website-Vorlagen-Kits in WordPress einfach installieren können.

Warum sollten Sie Template-Kits in WordPress installieren?

WordPress-Vorlagen-Kits sind eine Sammlung vorgefertigter Vorlagen, Layouts und anderer Elemente, mit denen Sie eine professionell aussehende Website erstellen können, ohne Code schreiben zu müssen.

Vorlagen-Kits sind so konzipiert, dass sie zusammen verwendet werden können. Sie können also einfach ein Kit installieren und dasselbe Design für Ihre gesamte Website verwenden.

Ein gutes Vorlagenpaket enthält Entwürfe für die gängigsten Seiten, darunter eine Info-Seite, eine Kontaktseite und eine individuelle Startseite. Sie können auch Vorlagen für Bereiche enthalten, die auf mehreren Seiten erscheinen, wie z. B. eine Kopf- und Fußzeilenvorlage.

Es gibt einige Vorlagen-Kits, die Sie für jede Art von Website anpassen können, ähnlich wie bei den Mehrzweck-WordPress-Themes. Andere Vorlagen sind für eine bestimmte Branche konzipiert, wie z. B. Mode-, Venture-Marketing- und Tech-Blogging-Kits.

Unabhängig davon, welches Vorlagenkit Sie verwenden, können Sie es mit dem richtigen Plugin für den Seitenersteller so anpassen, dass es perfekt zu Ihrem Unternehmen und Ihrem Branding passt.

Sehen wir uns also an, wie Sie durch die Installation von Template-Kits in WordPress schnell eine schöne Website gestalten können.

Wie man die besten WordPress-Vorlagen-Kits auswählt

Vorlagen-Kits haben viele Namen, denn einige Unternehmen nennen sie Website-Kits, Website-Vorlagen oder WordPress-Starter-Vorlagen. Unabhängig von der Bezeichnung finden Sie Vorlagen-Kits am besten, indem Sie ein Plugin für die Drag-and-Drop-Seitenerstellung installieren.

SeedProd ist das beste Page Builder Plugin mit über 1 Million Nutzern. Es ermöglicht Ihnen, eine komplette WordPress-Website zu erstellen, ohne eine einzige Zeile Code schreiben zu müssen.

SeedProd wird mit 90 vorgefertigten Blöcken geliefert, die Sie zu jeder Seite hinzufügen können, sowie mit über 300 Vorlagen, die Sie zur Erstellung von Landing Pages, Verkaufsseiten und mehr verwenden können.

SeedProd verfügt auch über eine wachsende Bibliothek professioneller Website-Kits, die Sie mit einem einzigen Klick zu Ihrer Website hinzufügen können. Nachdem Sie sich für ein Kit entschieden haben, können Sie jeden Teil des Designs mit dem Drag-and-Drop-Editor von SeedProd anpassen.

Lesen Sie unsere vollständige Bewertung von SeedProd für weitere Details.

Da dies die schnellste und einfachste Methode ist, zeigen wir Ihnen in dieser Anleitung, wie Sie Vorlagen-Kits mit SeedProd installieren. Sie können die unten stehenden Links verwenden, um durch diese Anleitung zu navigieren:

Schritt 1: Installieren Sie ein WordPress Page Builder Plugin

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu SeedProd “ Einstellungen und geben Ihren Lizenzschlüssel ein.

Sie können diese Informationen in Ihrem Konto auf der SeedProd-Website finden. Nachdem Sie den Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Wenn Ihr Lizenzschlüssel aktiv ist, können Sie ein Vorlagenkit installieren.

Schritt 2: Wählen Sie ein WordPress-Vorlagenkit

Die Website-Kits von SeedProd arbeiten nahtlos mit dem WordPress Theme Builder zusammen. Gehen Sie also zu SeedProd “ Theme Builder, um loszulegen. Klicken Sie hier auf die Schaltfläche „Theme Template Kits“.

Sie sehen nun die Vorlagenbibliothek von SeedProd.

Um eine Vorlage genauer zu betrachten, fahren Sie einfach mit der Maus darüber und klicken Sie auf das Lupensymbol, wenn es erscheint.

Dadurch wird das Vorlagenkit in einer neuen Registerkarte geöffnet.

Da es sich um einen kompletten Website-Baukasten handelt, können Sie weitere Seiten und Designs sehen, indem Sie auf die verschiedenen Links, Schaltflächen und Menüpunkte klicken.

SeedProd bietet Vorlagen-Kits für verschiedene Branchen und Nischen wie Restaurant-Websites, Reise-Blogs, Marketing-Beratungsunternehmen und mehr.

Wenn Sie eine Vorlage gefunden haben, die Sie verwenden möchten, fahren Sie einfach mit dem Mauszeiger darüber und klicken Sie auf das Häkchensymbol, wenn es erscheint.

SeedProd fügt nun alle verschiedenen Vorlagen in das WordPress-Dashboard ein.

Gehen Sie zu SeedProd “ Theme Builder, um einen Blick darauf zu werfen. Je nachdem, welches Kit Sie verwenden, sehen Sie möglicherweise etwas andere Optionen.

Die Vorlagen von SeedProd sind standardmäßig deaktiviert, so dass sie das Aussehen Ihrer Website nicht sofort verändern, indem sie Ihr aktuelles WordPress-Theme überschreiben.

Schritt 3: Passen Sie Ihr Vorlagenkit in WordPress an

Bevor Sie das Kit live schalten, müssen Sie den Inhalt der Demo ersetzen. Vielleicht möchten Sie auch das Branding des Kits ändern, damit es besser zu Ihrem eigenen Unternehmen passt. Sie können zum Beispiel benutzerdefinierte Schriftarten hinzufügen, ein benutzerdefiniertes Logo hinzufügen, die Farben ändern und vieles mehr.

Die Element- und Seitenvorlagen, die Sie sehen, können je nach Kit variieren. Die meisten Kits haben jedoch eine Kopf- und eine Fußzeilenvorlage, daher zeigen wir Ihnen, wie Sie diese Vorlagen als Beispiel anpassen können.

Anpassen eines Header Template Kits in WordPress

Die Kopfzeile ist das erste, was Besucher sehen, wenn sie auf Ihre Website kommen. Deshalb sollte sie Ihre Marke vorstellen und einen einfachen Zugang zu den wichtigsten Inhalten Ihrer Website bieten.

Um die Kopfzeilenvorlage anzupassen, fahren Sie einfach mit dem Mauszeiger darüber und klicken Sie dann auf „Design bearbeiten“.

Dadurch wird der SeedProd-Editor mit der Kopfvorlage auf der rechten Seite des Bildschirms geladen.

Auf der linken Seite sehen Sie ein Menü mit verschiedenen Optionen.

Die meisten Kopfzeilenvorlagen enthalten ein Platzhalterlogo, das wir zunächst ersetzen. Klicken Sie einfach auf das Platzhalterlogo, um es auszuwählen. Im Menü auf der linken Seite werden alle Einstellungen angezeigt, die Sie zur Anpassung des Blocks verwenden können.

Bewegen Sie einfach den Mauszeiger über das Bild im linken Menü und klicken Sie dann auf die Schaltfläche Bild auswählen, wenn diese erscheint.

Die meisten Vorlagen-Kits enthalten alternative Logos und Bilder, die Sie zu Ihrer WordPress-Website hinzufügen können.

Nun öffnet sich die WordPress-Mediathek. Sie können hier eines der Bilder auswählen oder ein neues Bild von Ihrem Computer hochladen.

Nachdem Sie das Logo ersetzt haben, können Sie seine Ausrichtung und Größe ändern, einen Bild-Alt-Text hinzufügen und vieles mehr, indem Sie die Einstellungen im linken Menü verwenden.

Wenn Sie mit dem Aussehen des Logos zufrieden sind, sollten Sie auch die Speisekarte aktualisieren.

Die meisten Kopfzeilenvorlagen enthalten ein Platzhalter-Navigationsmenü, das Sie leicht anpassen können, indem Sie Ihren eigenen Text und Links hinzufügen. Um loszulegen, klicken Sie auf den Block „Navigationsmenü“.

Sie können entweder ein Menü in SeedProd erstellen oder ein beliebiges Navigationsmenü, das Sie im WordPress-Dashboard erstellt haben, anzeigen.

Um mit SeedProd ein neues Menü zu erstellen, fahren Sie einfach mit der Maus über einen Menüpunkt, den Sie löschen möchten. Klicken Sie dann auf das Mülleimersymbol, wenn es erscheint.

Um dem Menü einen neuen Eintrag hinzuzufügen, klicken Sie auf die Schaltfläche „Neuen Eintrag hinzufügen“, wodurch ein neuer Platzhaltereintrag erstellt wird.

Klicken Sie dann einfach auf das Element, um es zu erweitern.

Sie sehen nun einige neue Einstellungen, in die Sie den gewünschten Text und Link eingeben können.

Sie können auch festlegen, dass der Link in einem neuen Tab geöffnet wird, oder Sie können ihn als nofollow markieren, wenn der Link keinen SEO-Wert hat.

Wiederholen Sie diese Schritte einfach, um dem Menü weitere Elemente hinzuzufügen. Sie können Elemente im Menü auch durch Ziehen und Ablegen neu anordnen.

Eine andere Möglichkeit besteht darin, einfach ein Menü anzuzeigen, das Sie bereits im WordPress-Dashboard erstellt haben. Klicken Sie dazu auf „WordPress-Menü“ und wählen Sie ein Menü aus der Dropdown-Liste.

Nachdem Sie diese Änderungen vorgenommen haben, können Sie weitere Inhalte in die Kopfzeile einfügen. Zum Beispiel könnten Sie Besucher ermutigen, Ihnen in sozialen Medien zu folgen, indem Sie „Gefällt mir“- und „Teilen“-Buttons in die Kopfzeile einfügen.

Suchen Sie im linken Menü einfach den Block, den Sie hinzufügen möchten, und ziehen Sie ihn auf Ihr Layout.

Sie können den Block dann über die Einstellungen im linken Menü anpassen.

Wenn Sie mit dem Aussehen der Kopfzeilenvorlage zufrieden sind, klicken Sie auf „Speichern“, um Ihre Einstellungen zu speichern.

So passen Sie die Fußzeilenvorlage in WordPress an

Die Fußzeile ist der perfekte Ort, um nützliche Informationen hinzuzufügen, wie z. B. ein dynamisches Copyright-Datum oder Ihre Telefonnummer. Sie können auch auf wichtige Inhalte wie Ihr Kontaktformular, Ihren Blog und Ihre Social-Media-Profile verlinken.

Aus diesem Grund enthalten die meisten SeedProd-Vorlagenkits eine Fußzeilenvorlage. Um diese Vorlage zu bearbeiten, gehen Sie zu SeedProd “ Theme Builder und fahren Sie mit dem Mauszeiger über die Vorlage „Fußzeile“. Wenn der Link „Design bearbeiten“ erscheint, klicken Sie darauf.

Dadurch wird die Fußzeilenvorlage im SeedProd-Editor geöffnet. Sie können nun unerwünschte Blöcke löschen, den Platzhalterinhalt ersetzen und weitere Blöcke hinzufügen, indem Sie genau den oben beschriebenen Prozess befolgen.

Viele Unternehmer nutzen die Fußzeile, um ihre Kontaktinformationen, wie z. B. die E-Mail-Adresse ihres Unternehmens, anzuzeigen. Wenn Sie jedoch WPForms verwenden, können Sie ganz einfach ein Kontaktformular in die Fußzeile Ihrer Website einfügen. So können Besucher Sie von jeder Seite oder jedem Beitrag aus kontaktieren.

Wenn Sie nach weiteren Ideen suchen, können Sie sich unsere Checkliste mit Dingen ansehen , die Sie in die Fußzeile Ihrer WordPress-Website einfügen sollten.

Die meisten Fußzeilenvorlagen enthalten einen Platzhaltertext, den Sie durch Ihren eigenen Inhalt ersetzen können. Klicken Sie einfach auf das jeweilige Textfeld und geben Sie Ihre Nachricht in den kleinen Texteditor ein, der angezeigt wird.

Der Editor verfügt über alle Standardformatierungsoptionen, sodass Sie wichtigen Text hervorheben oder Links hinzufügen können, die in Ihrem WordPress-Blog oder auf Ihrer Website angezeigt werden.

Viele Fußzeilenvorlagen enthalten einen vorgefertigten Navigationsmenü-Block, der einige Platzhalterlinks enthält.

Sie können diese Dummy-Menüpunkte durch Links zu Ihren eigenen Inhalten ersetzen, indem Sie das oben beschriebene Verfahren befolgen. Sie können zum Beispiel Links zu den Datenschutzbestimmungen Ihrer Website, Ihrem Blog, Ihrem Online-Shop und anderen wichtigen Inhalten einfügen.

Wenn Sie mit dem Aussehen der Fußzeile zufrieden sind, klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.

Schritt 4: Bearbeiten Sie Ihre globalen Template-Kit-Einstellungen

Oftmals möchten Sie die Standardschriftarten, Hintergründe, Farben usw. der Vorlage ändern, um sie an Ihr Branding anzupassen. Anstatt diese Änderungen an jeder Vorlage vorzunehmen, können Sie Zeit sparen, indem Sie die globalen CSS-Einstellungen des Kits bearbeiten.

Gehen Sie in Ihrem WordPress-Dashboard zu SeedProd “ Theme Builder und bewegen Sie den Mauszeiger über die Vorlage Global CSS. Klicken Sie dann auf den Link „Design bearbeiten“, wenn dieser angezeigt wird.

Im linken Menü listet SeedProd alle verschiedenen Elemente auf, die Sie ändern können, wie z. B. die Schriftarten, Formulare, das Layout und vieles mehr.

Um zu sehen, welche Änderungen Sie vornehmen können, klicken Sie einfach auf eine beliebige Option.

Sie können nun die Einstellungen des Kits anpassen. Sie können zum Beispiel die Farben für die Überschriften, den Absatztext, die Links und vieles mehr ändern.

SeedProd übernimmt diese Änderungen automatisch für das gesamte Vorlagen-Kit.

Wenn Sie mit den vorgenommenen Änderungen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“.

Schritt 5: Aktivieren Sie Ihr SeedProd Template Kit

Sie können nun jede SeedProd-Vorlage nach demselben Verfahren wie oben beschrieben anpassen. Wenn Sie mit der Einrichtung der Vorlagen zufrieden sind, ist es an der Zeit, das Kit in Betrieb zu nehmen.

Gehen Sie im WordPress-Dashboard zu SeedProd “ Theme Builder und klicken Sie auf den Schalter „SeedProd-Theme aktivieren“, so dass er auf „Ja“ steht.

Wenn Sie jetzt Ihre WordPress-Website besuchen, sehen Sie das neue Design live.

Ultimative Anleitungen zur Anpassung Ihrer WordPress-Website mit SeedProd

Sind Sie daran interessiert, SeedProd weiter zu erforschen, um Ihre Website zu gestalten? Schauen Sie sich die folgenden Anleitungen an, um Ihre Reise fortzusetzen:

• Hinzufügen von dynamischen Inhalten in WordPress
• Wie man eine Dankeseite in WordPress erstellt
• Wie man eine Online-Portfolio-Website in WordPress erstellt
• Wie man eine virale Warteliste Landing Page in WordPress erstellen
• Wie man eine benutzerdefinierte eCommerce Warenkorb Seite für WooCommerce erstellen

Wir hoffen, dass dieser Artikel Ihnen bei der Installation von Template-Kits in WordPress geholfen hat. Vielleicht interessiert Sie auch unser Leitfaden zur Auswahl der besten Webdesign-Software oder unsere Expertenauswahl der unverzichtbaren WordPress-Plugins.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.