So installieren Sie Template Kits in WordPress (Schritt für Schritt)

Das Design einer professionellen WordPress-Website von Grund auf kann überwältigend sein, besonders für Anfänger. Viele Benutzer verbringen Wochen damit, das Erscheinungsbild ihrer Website zu optimieren, nur um am Ende ein Design zu erhalten, das amateurhaft aussieht.

Template-Kits ermöglichen es Ihnen, mit nur wenigen Klicks ein zusammenhängendes, professionelles Design für Ihre gesamte Website anzuwenden. Aber nicht alle Template-Kits sind gleich, und die Wahl des falschen kann die Funktionalität Ihrer Website einschränken.

Diese Anleitung zeigt Ihnen, wie Sie hochwertige Vorlagen-Kits mit SeedProd, dem leistungsstärksten WordPress Page Builder, installieren und anpassen. Sie lernen, wie Sie das richtige Kit für Ihre Bedürfnisse auswählen, es an Ihre Marke anpassen und auf Ihrer Website aktivieren.

Was sind Vorlagenkits in WordPress?

WordPress-Template-Kits sind eine Sammlung von vordefinierten Vorlagen, Layouts und anderen Elementen, 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 das gleiche Design auf Ihrer gesamten Website verwenden.

Ein gutes Template-Kit enthält Designs für alle gängigen Seiten, einschließlich einer Über-uns-Seite, einer Kontaktseite und einer benutzerdefinierten Startseite. Sie können auch Vorlagen für Bereiche bereitstellen, die auf mehreren Seiten erscheinen, wie z. B. eine Kopf- und Fußzeilen-Vorlage.

Es gibt einige Vorlagen-Kits, die Sie für jede Art von Website anpassen können, ähnlich wie vielseitige 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 Vorlagen-Kit Sie verwenden, können Sie es an Ihr Unternehmen und Ihre Marke anpassen.

Mit diesen Worten wollen wir sehen, wie Sie schnell eine schöne Website gestalten können, indem Sie Template-Kits in WordPress installieren.

So wählen Sie die besten WordPress-Vorlagen-Kits aus

Template-Kits haben viele Namen, da einige Unternehmen sie Website-Kits, Website-Vorlagen oder WordPress-Starter-Vorlagen nennen. Unabhängig vom Namen ist der beste Ort, um Template-Kits zu finden, die Installation eines Drag-and-Drop-Page-Builder-Plugins.

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 bietet 90 fertige Blöcke, die Sie jeder Seite hinzufügen können, und über 300 Vorlagen, mit denen Sie Landing Pages, Verkaufsseiten und mehr erstellen können.

SeedProd verfügt außerdem über eine wachsende Bibliothek professioneller Website-Kits, die Sie mit einem einzigen Klick zu Ihrer Website hinzufügen können. Nachdem Sie ein Kit ausgewählt haben, können Sie jeden Teil des Designs mit dem Drag-and-Drop-Editor von SeedProd anpassen.

Sie können unsere vollständige SeedProd-Bewertung für weitere Details lesen.

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

• Schritt 1: Installieren Sie ein WordPress Page Builder Plugin
• Schritt 2: Wählen Sie ein WordPress-Vorlagen-Kit aus
• Schritt 3: Passen Sie Ihr Vorlagen-Kit in WordPress an
• Schritt 4: Bearbeiten Sie Ihre globalen Vorlagenkit-Einstellungen
• Step 5: Activate Your SeedProd Template Kit

Schritt 1: Installieren Sie ein WordPress Page Builder Plugin

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

Gehen Sie nach der Aktivierung zu SeedProd » Einstellungen und geben Sie Ihren Lizenzschlüssel ein.

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

Mit Ihrer aktiven Lizenzschlüssel sind Sie bereit, ein Template-Kit zu installieren.

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

SeedProds Website-Kits funktionieren nahtlos mit seinem 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, bewegen Sie einfach die Maus darüber und klicken Sie auf das Lupensymbol, wenn es erscheint.

Dies öffnet das Vorlagenkit in einem neuen Tab.

Da es sich um ein komplettes Website-Kit handelt, können Sie weitere Seiten und Designs anzeigen, 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, Reiseblogs, Marketingberatungen und mehr.

Wenn Sie ein Vorlagen-Kit finden, das Sie verwenden möchten, fahren Sie einfach mit der Maus darüber und klicken Sie dann auf das Häkchen-Symbol, wenn es erscheint.

SeedProd fügt nun alle verschiedenen Vorlagen zum WordPress-Dashboard hinzu.

Um einen Blick darauf zu werfen, gehen Sie zu SeedProd » Theme Builder. Je nach verwendetem Kit sehen Sie möglicherweise leicht unterschiedliche Optionen.

SeedProd's Vorlagen sind standardmäßig deaktiviert, sodass sie nicht sofort das Aussehen Ihrer Website ändern, indem sie Ihr aktuelles WordPress-Theme überschreiben.

Schritt 3: Passen Sie Ihr Vorlagen-Kit in WordPress an

Bevor Sie das Kit live schalten, müssen Sie die Demo-Inhalte ersetzen. Möglicherweise möchten Sie auch das Branding des Kits ändern, um es besser an Ihr eigenes Unternehmen anzupassen. Sie können zum Beispiel benutzerdefinierte Schriftarten hinzufügen, ein benutzerdefiniertes Logo hinzufügen, die Farben ändern und vieles mehr.

Die angezeigten Element- und Seiten-Vorlagen können je nach Kit variieren. Die meisten Kits haben jedoch eine Kopf- und eine Fußzeilen-Vorlage, daher zeigen wir Ihnen beispielhaft, wie Sie diese Vorlagen anpassen.

So passen Sie ein Header-Vorlagen-Kit in WordPress an

Die Kopfzeile ist das Erste, was Besucher sehen, wenn sie auf Ihrer Website ankommen. Vor diesem Hintergrund sollte sie Ihre Marke vorstellen und einfachen Zugriff auf die wichtigsten Inhalte Ihrer Website bieten.

Um die Kopfzeilen-Vorlage anzupassen, bewegen Sie einfach die Maus darüber und klicken Sie auf 'Design bearbeiten'.

Dies lädt den SeedProd-Editor mit der Kopfzeilen-Vorlage rechts auf dem Bildschirm.

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

Die meisten Kopfzeilen-Vorlagen enthalten ein Platzhalterlogo. Beginnen wir damit, es zu ersetzen. Klicken Sie einfach auf das Platzhalterlogo, um es auszuwählen. Das Menü auf der linken Seite zeigt alle Einstellungen an, mit denen Sie den Block anpassen können.

Fahren Sie einfach mit der Maus über das Bild im linken Menü und klicken Sie dann auf die Schaltfläche Bild auswählen, wenn sie 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 dieser Bilder auswählen oder ein neues Bild hochladen von Ihrem Computer.

Nachdem Sie das Logo ersetzt haben, können Sie dessen Ausrichtung und Größe ändern, Bild-Alt-Text hinzufügen und mehr mit den Einstellungen im linken Menü.

Wenn Sie mit dem Aussehen des Logos zufrieden sind, ist es eine gute Idee, das Menü zu aktualisieren.

Die meisten Kopfzeilen-Vorlagen enthalten eine Platzhalter-Navigationsmenü, das Sie einfach anpassen können, indem Sie Ihren eigenen Text und Links hinzufügen. Um zu beginnen, klicken Sie auf den Navigationsmenü-Block, um ihn auszuwählen.

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

Um mit SeedProd ein neues Menü zu erstellen, fahren Sie einfach mit der Maus über ein beliebiges Menüelement, das Sie löschen möchten. Klicken Sie dann auf das Papierkorbsymbol, wenn es erscheint.

Um ein neues Element zum Menü hinzuzufügen, klicken Sie auf die Schaltfläche „Neues Element hinzufügen“, wodurch ein neuer Platzhalter erstellt wird.

Klicken Sie anschließend einfach auf das Element, um es zu erweitern.

Sie sehen nun einige neue Einstellungen, in denen Sie den Text und den Link eingeben können, den Sie verwenden möchten.

Sie können den Link auch so einstellen, dass er sich in einem neuen Tab öffnet, oder Sie können ihn als nofollow markieren, wenn der Link keinen SEO-Wert hat.

Wiederholen Sie einfach diese Schritte, um weitere Elemente zum Menü hinzuzufügen. Sie können Elemente im Menü auch per Drag & Drop neu anordnen.

Eine andere Möglichkeit ist, 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 dem Dropdown-Menü aus.

Nachdem Sie diese Änderungen vorgenommen haben, möchten Sie möglicherweise weitere Inhalte zum Header hinzufügen. Sie könnten beispielsweise Besucher ermutigen, Ihnen in sozialen Medien zu folgen, indem Sie dem Header „Gefällt mir“- und „Teilen“-Schaltflächen hinzufügen.

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

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

Wenn Sie mit dem Aussehen der Kopfzeilen-Vorlage zufrieden sind, klicken Sie auf 'Speichern', um Ihre Einstellungen zu speichern.

So passen Sie die Footer-Vorlage 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.

In diesem Sinne sind die meisten SeedProd-Vorlagenkits mit einer Fußzeilen-Vorlage ausgestattet. Um diese Vorlage zu bearbeiten, gehen Sie zu SeedProd » Theme Builder und fahren Sie mit der Maus über die Vorlage „Footer“. Wenn der Link „Design bearbeiten“ erscheint, klicken Sie darauf.

Dies öffnet die Fußzeilen-Vorlage im SeedProd-Editor. Sie können nun unerwünschte Blöcke löschen, den Platzhalterinhalt ersetzen und weitere Blöcke hinzufügen, indem Sie genau demselben oben beschriebenen Prozess folgen.

Viele Geschäftsinhaber nutzen die Fußzeile, um ihre Kontaktinformationen anzuzeigen, z. B. ihre geschäftliche E-Mail-Adresse. Wenn Sie jedoch WPForms verwenden, können Sie Ihrer Website-Fußzeile ganz einfach ein Kontaktformular hinzufügen. Dies ermöglicht es den Leuten, Sie von jeder Seite oder jedem Beitrag aus zu kontaktieren.

Wenn Sie nach weiteren Ideen suchen, finden Sie hier unsere Checkliste mit Dingen, die Sie dem Footer Ihrer WordPress-Website hinzufügen sollten.

Die meisten Footer-Vorlagen enthalten Platzhaltertext, den Sie durch Ihre eigenen Inhalte ersetzen können. Klicken Sie einfach, um jedes Textfeld auszuwählen, und geben Sie dann Ihre Nachricht in den kleinen Texteditor ein, der erscheint.

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

Viele Fußzeilen-Vorlagen werden mit einem fertigen Navigationsmenü-Block geliefert, der einige Platzhalterlinks enthält.

Sie können diese Platzhalter-Menüpunkte durch Links zu Ihren eigenen Inhalten ersetzen, indem Sie denselben oben beschriebenen Prozess befolgen. Sie können beispielsweise Links zu Ihrer Datenschutzrichtlinie, Ihrem Blog, Ihrem Online-Shop und anderen wichtigen Inhalten einfügen.

Wenn Sie mit dem Aussehen des Footers zufrieden sind, klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.

Schritt 4: Globale Template-Kit-Einstellungen bearbeiten

Oft möchten Sie die Standard-Schriftarten, Hintergründe, Farben und mehr 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 fahren Sie mit der Maus über die globale CSS-Vorlage. Sie können dann auf den Link 'Design bearbeiten' klicken, wenn er erscheint.

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

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

Sie können nun dessen Einstellungen anpassen. Sie können zum Beispiel die Farben ändern, die für die Kopfzeilen, den Absatztext, die Links und mehr des Kits verwendet werden.

SeedProd wendet diese Änderungen automatisch auf das gesamte Vorlagenkit an.

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

Schritt 5: Aktivieren Sie Ihr SeedProd-Vorlagenkit

Sie können jetzt jede SeedProd-Vorlage anpassen, indem Sie den gleichen Prozess wie oben beschrieben befolgen. Wenn Sie mit der Einrichtung der Vorlagen zufrieden sind, ist es an der Zeit, das Kit live zu schalten.

Gehen Sie im WordPress-Dashboard zu SeedProd » Theme Builder und klicken Sie auf den Schalter „SeedProd Theme aktivieren“, sodass „Ja“ angezeigt wird.

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

Alternative: Kein Fan von SeedProd? Schauen Sie sich Thrive Architect an, ein weiteres leistungsstarkes Page-Builder-Plugin für WordPress.

Ultimative Anleitungen zur Anpassung Ihrer WordPress-Website mit SeedProd

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

• So fügen Sie dynamische Inhalte in WordPress hinzu
• So erstellen Sie eine Dankesseite in WordPress
• So erstellen Sie eine Online-Portfolio-Website in WordPress
• So erstellen Sie eine virale Wartelisten-Landingpage in WordPress
• So erstellen Sie eine benutzerdefinierte E-Commerce-Warenkorbseite für WooCommerce
• Wege, um die Feiertagsstimmung mit Ihrer WordPress-Website zu verbreiten

Wir hoffen, dieser Artikel hat Ihnen bei der Installation von Template-Kits in WordPress geholfen. Möglicherweise möchten Sie auch unseren Leitfaden lesen, wie Sie zufällige Zitate in Ihrer WordPress-Seitenleiste anzeigen, oder unsere Expertenauswahl der besten Online-Lebenslauf-Website-Builder ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.