Mit dem SeedProd Website Builder können Sie ein komplettes WordPress-Theme entwerfen und erstellen, ohne eine einzige Zeile Code zu schreiben. Mithilfe einer Drag-and-Drop-Oberfläche können Sie jeden Teil Ihrer Website – Kopf- und Fußzeilen, Seitenvorlagen, Beitragsvorlagen, Archivseiten und vieles mehr – direkt in WordPress erstellen.
Was ist ein WordPress-Theme?
Ein WordPress-Theme bestimmt das gesamte Erscheinungsbild Ihrer Website – das Layout, die Typografie, die Farben und die Darstellung der verschiedenen Seitentypen. Herkömmliche Themes bestehen aus PHP-, CSS- und JavaScript-Dateien, die Template-Teile wie Kopfzeile, Fußzeile, Seitenleiste, Layout einzelner Beiträge und Layout des Archivs definieren.
Mit dem SeedProd Website Builder können Sie alle diese Vorlagenteile visuell per Drag-and-Drop erstellen und verwalten – ohne dass Sie Theme-Dateien bearbeiten müssen.
Erste Schritte: Vorgefertigte Designs
Der schnellste Weg, um loszulegen, ist eines der vorgefertigten Designs von SeedProd. Diese gebrauchsfertigen Designs sind für eine Vielzahl von Branchen und Anlässen verfügbar, und es kommen regelmäßig neue Designs hinzu.
Das Starter-Theme
Das Starter-Theme ist ein übersichtliches, minimalistisches Theme, das alle wesentlichen Template-Teile enthält: ein Homepage-Template, eine Kopfzeile, eine Fußzeile, eine Seitenleiste, ein Einzelbeitrag-Template, ein Einzelseiten-Template und ein Archiv-Template. Das Archiv-Template wird standardmäßig für die Blog-Seite, Suchergebnisse und alle anderen Archivseiten auf der Website verwendet.
Sobald Sie das Starter-Theme geladen haben, können Sie sofort mit der Anpassung Ihrer Website im SeedProd-Builder beginnen.
Erstellen von Themenvorlagen
Sie können für jeden Teil Ihrer Website individuelle Themenvorlagen von Grund auf neu erstellen. Mit der Vorlagen-Tag-Funktion von SeedProd können Sie dynamische Beitragsdaten – wie den Beitragstitel, das Beitragsbild, den Beitragstext und die Navigation – direkt in Ihre Vorlagen einfügen.
Schritt 1: Neue Vorlage hinzufügen
Gehen Sie in Ihrem WordPress-Adminbereich zu SeedProd > Website Builder und klicken Sie oben auf der Seite auf die Schaltfläche „Neue Vorlage hinzufügen “.
Schritt 2: Wählen Sie den Vorlagentyp und legen Sie Bedingungen fest
Wählen Sie im Modal „Neue Vorlage“ den Vorlagentyp aus, den Sie erstellen möchten, und konfigurieren Sie die Vorlagenbedingungen, um zu steuern, wo sie auf Ihrer Website angezeigt wird.
Schritt 3: Entwurf im Builder
Klicken Sie auf „Vorlage erstellen“, um den SeedProd-Seitenersteller zu öffnen und mit der Gestaltung zu beginnen. Sie können vorgefertigte Abschnitte als Ausgangspunkt für Ihr individuelles Vorlagendesign verwenden.
Verfügbare Vorlagentypen
Kopfzeile
Wählen Sie im Modal „Neue Themenvorlage“ den Header-Typ aus, um eine Header-Vorlage zu erstellen. Legen Sie die Vorlagenbedingungen und die Priorität fest, um zu steuern, wann und wo der Header angezeigt wird, und klicken Sie dann auf „Speichern“, um mit der Gestaltung im Builder zu beginnen.
Fußzeile
Wählen Sie den Fußzeilentyp aus, um eine Fußzeilenvorlage zu erstellen. Legen Sie Ihre Bedingungen und Prioritäten fest und klicken Sie dann auf „Speichern“, um mit der Gestaltung Ihrer Fußzeile im Builder zu beginnen.
Einzelne Beitragsvorlage
Wählen Sie den Beitragstyp „Einzelbeitrag“, um eine dynamische Vorlage für einzelne Blogbeiträge zu erstellen. Legen Sie die Vorlagenbedingungen fest und klicken Sie dann auf „Speichern“, um mit der Gestaltung zu beginnen.
Einzelseitige Vorlage
Wählen Sie den Typ „Einzelseite“, um eine dynamische Vorlage für einzelne Seiten zu erstellen. Legen Sie die Vorlagenbedingungen fest und klicken Sie dann auf „Speichern“, um mit der Gestaltung zu beginnen.
Archivvorlage
Eine Archivvorlage zeigt eine Liste von Beiträgen für eine bestimmte Taxonomie oder einen bestimmten Begriff an – typischerweise wird sie für die Blog-Seite, Kategorien, Tags und benutzerdefinierte Beitragstyp-Archive verwendet. Wählen Sie den Archivtyp aus, konfigurieren Sie die Vorlagenbedingungen und klicken Sie auf „Speichern“, um mit der Gestaltung zu beginnen.
Suchergebnisseiten-Vorlage
Eine Suchergebnisvorlage folgt dem gleichen Verfahren wie die Erstellung einer Archivvorlage. Wählen Sie den Typ „Suchergebnisse“ aus und legen Sie die Vorlagenbedingungen auf „Einbeziehen | Suchergebnisse“ fest. Klicken Sie auf „Speichern“, um mit der Gestaltung Ihrer Suchergebnisseite zu beginnen.
Erstellen von WooCommerce-Vorlagen
WooCommerce-Seiten verwenden spezielle Abschnitte und Funktionen für E-Commerce-Features wie Produktpreise, Mengen und Schaltflächen zum Hinzufügen zum Warenkorb. SeedProd unterstützt benutzerdefinierte Vorlagen für die Shop-Seite, Produktarchivseiten, Warenkorbseite und Checkout-Seite mithilfe spezieller WooCommerce-Blöcke.
Produktarchiv-Vorlage
Wählen Sie im Modal „Neue Themenvorlage“ den Produkttyp „Archiv“ aus. Legen Sie die Vorlagenbedingungen fest und klicken Sie dann auf „Speichern“, um das Layout Ihres Produktarchivs zu gestalten.
Shop Seite
Die WooCommerce-Shop-Seite ist ein spezielles Produktarchiv, das alle Produkte in Ihrem Shop anzeigt. Um eine Shop-Seitenvorlage zu erstellen, erstellen Sie eine neue benutzerdefinierte Seitenvorlage und legen Sie die Bedingungen auf „Einfügen | Seiten | Shop“ fest (unter Verwendung des Slugs der Seite, die als Ihre WooCommerce-Shop-Seite zugewiesen ist). Klicken Sie auf „Speichern“, um mit der Gestaltung zu beginnen.
Warenkorbseite
Erstellen Sie eine neue benutzerdefinierte Seitenvorlage und legen Sie die Bedingungen auf „Einfügen | Seiten | Warenkorb“ fest (verwenden Sie dabei den Slug Ihrer WooCommerce-Warenkorbseite). Klicken Sie auf „Speichern“, um mit der Gestaltung zu beginnen.
Kassenseite
Erstellen Sie eine neue benutzerdefinierte Seitenvorlage und legen Sie die Bedingungen auf „Einfügen | Seiten | Checkout“ fest (verwenden Sie dabei den Slug Ihrer WooCommerce-Checkout-Seite). Klicken Sie auf „Speichern“, um mit der Gestaltung zu beginnen.
Vorlage Bedingungen
Vorlagenbedingungen steuern, wann und wo jede Themenvorlage auf Ihrer Website angezeigt wird. Jede Bedingung kann eine Vorlage basierend auf dem Beitragstyp, dem Archivtyp, einzelnen Beiträgen oder Seiten oder Taxonomiebegriffen wie Kategorien und Tags ein- oder ausschließen. Sie können auch untergeordnete Beiträge und Seiten basierend auf ihrer Hierarchieebene auswählen.
Priorität der Vorlage
Wenn sich die Bedingungen von zwei oder mehr Vorlagen überschneiden, bestimmt das Feld „Priorität“, welche Vorlage Vorrang hat. Eine niedrigere Prioritätszahl bedeutet, dass die Vorlage zuerst geladen wird; eine höhere Prioritätszahl überschreibt sie. Der Standardwert für die Priorität ist 10.
Wenn Sie beispielsweise eine allgemeine Kopfzeilenvorlage für alle Seiten und eine separate Kopfzeilenvorlage für die Startseite haben, legen Sie für die Kopfzeile der Startseite eine höhere Priorität fest (z. B. 20), damit sie die allgemeine Seitenvorlage überschreibt.
Bedingungen für eine neue Vorlage festlegen
Vorlagenbedingungen können beim Erstellen einer Vorlage direkt im Modal „Neue Themenvorlage“ festgelegt werden. Verwenden Sie den Abschnitt „Bedingungen“, um Regeln zum Ein- oder Ausschließen basierend auf Beitragstyp, Archivtyp oder bestimmten Beiträgen, Seiten und Taxonomiebegriffen zu definieren. Sie können bestimmte Inhalte mithilfe eines Slugs oder einer ID ansprechen.
Bedingungen für eine vorhandene Vorlage bearbeiten
Um die Bedingungen einer bereits erstellten Vorlage zu aktualisieren, gehen Sie wie folgt vor:
- Gehe zu SeedProd > Website-Baukasten und bewegen Sie den Mauszeiger über den Titel der Vorlage, die Sie aktualisieren möchten. Klicken Sie auf die Schaltfläche Bedingungen bearbeiten Link.
- In der Bedingungen bearbeiten modal, aktualisieren Sie die Bedingungen nach Bedarf. Klicken Sie auf Speichern Sie wenn fertig.
Die aktualisierten Bedingungen werden sofort auf Ihre Website angewendet.
Aktuelle Bedingungen überprüfen
Die aktiven Bedingungen für jede Vorlage werden in der Spalte „Bedingungen“ auf der Verwaltungsseite „SeedProd > Website Builder“ angezeigt.
Sie können nun mit SeedProd Ihr WordPress-Theme erstellen! Ganz gleich, ob Sie mit einem vorgefertigten Theme beginnen oder Vorlagen von Grund auf neu erstellen – mit dem Website Builder haben Sie die volle Kontrolle über jeden Aspekt des Designs Ihrer Website. Informationen zum Verbinden Ihrer E-Mail-Marketing-Plattform finden Sie in der Dokumentation zur E-Mail-Integration.