Möchten Sie benutzerdefinierte Formteiler zu Ihrer WordPress-Website hinzufügen?
Formteiler können Ihre Inhalte auf attraktive und auffällige Weise organisieren. Sie können auch die wichtigsten Inhalte Ihrer Website hervorheben, damit Besuchern und Kunden keine wichtigen Informationen entgehen.
In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress einen benutzerdefinierten Formteiler erstellen.
Warum einen benutzerdefinierten Formteiler in WordPress erstellen?
Ein Formteiler ist eine Art Abschnittstrenner, der zwischen Inhaltsblöcken hinzugefügt wird.
Diese Trennlinien können einfach sein, beispielsweise eine horizontale Linie, die mit integrierten WordPress-Blöcken erstellt wird.
Mit diesen einfachen Trennwänden können Sie Inhalte organisieren und trennen, was besonders auf Seiten nützlich ist, die viele verschiedene Themen abdecken.
Sie können auch erweiterte Formteiler erstellen, indem Sie Plugins für den Seitenersteller und andere Webdesign-Software verwenden. Diese können die wichtigsten Inhalte Ihrer Website hervorheben, sodass sie für Besucher und Kunden hervorstechen.
Ein professionell aussehender Formteiler kann eine Seite auch interessanter und attraktiver machen.
Sie können sie beispielsweise verwenden, um einen einzigartigen Hintergrund für Ihr E-Mail-Newsletter-Anmeldeformular zu erstellen.
Schauen wir uns nun an, wie Sie in WordPress einen benutzerdefinierten Formteiler erstellen können. Nutzen Sie einfach die folgenden Quicklinks, um direkt zu der Methode zu gelangen, die Sie verwenden möchten.
Methode 1. Erstellen Sie einen einfachen Formteiler (kein Plugin erforderlich)
Der einfachste Weg, einen benutzerdefinierten Formteiler zu WordPress hinzuzufügen, ist die Verwendung des integrierten Separator-Blocks.
Mit dieser Methode können Sie einen horizontalen Linientrenner zwischen jedem WordPress-Block hinzufügen und dann die Farbe und den Stil der Linie anpassen.
Mit dieser Methode können Sie keine verschiedenen Formulare zu WordPress hinzufügen und die Anpassungseinstellungen sind begrenzt. Da Sie jedoch kein zusätzliches WordPress-Plugin installieren müssen, ist dies die einfachste Möglichkeit, einfach einen Splitter zu Ihrer Website hinzuzufügen.
Öffnen Sie zunächst einfach den Beitrag oder die Seite, auf der Sie eine horizontale Trennlinie hinzufügen möchten, im Inhaltseditor. Klicken Sie dann auf die Schaltfläche „+“ an der Stelle, an der Sie die Trennlinie platzieren möchten.
Geben Sie im Popup-Fenster „Trennzeichen“ ein.
Wenn der richtige Block erscheint, klicken Sie, um ihn der Seite oder dem Beitrag hinzuzufügen.
Um den Standard-Trennblock anzupassen, klicken Sie darauf und verwenden Sie dann die Einstellungen im Menü rechts.
Mit den Schaltflächen im Abschnitt „Stile“ können Sie zwischen Standard, breiter Linie und Punkten wechseln.
Sie können auch die Farbe der Linie ändern, um sie an den Rest Ihres Themas oder Brandings anzupassen.
Klicken Sie dazu auf „Hintergrund“ und wählen Sie dann im erscheinenden Popup eine Farbe aus.
Wenn Sie mit dem Aussehen des Teilers zufrieden sind, können Sie auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“ klicken, um den Formteiler zu aktivieren.
Methode 2. Erstellen Sie einen benutzerdefinierten Formteiler in WordPress mit einem Page Builder (empfohlen)
Wenn Sie unterschiedliche Formen verwenden und jeden Teil Ihrer Trennwände individuell gestalten möchten, empfehlen wir die Verwendung von SemillaProd Stecker.
SeedProd ist das beste WordPress-Seitenerstellungs-Plugin auf dem Markt und ermöglicht es Ihnen, mit einem einfachen Drag-and-Drop-Editor einen benutzerdefinierten Formteiler zu jedem Abschnitt, jeder Zeile oder jeder Spalte hinzuzufügen.
Es enthält außerdem über 180 professionell gestaltete Vorlagen und über 90 Blöcke, mit denen Sie wunderschöne benutzerdefinierte Homepages, Landingpages und mehr erstellen können.
Notiz: Da ist ein kostenlose Version von SeedProd Es ist auf WordPress.org verfügbar, wir werden jedoch die Pro-Version verwenden, da diese über eine große Auswahl an Formteilern verfügt.
Als Erstes müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Bei der Aktivierung müssen Sie Ihren Lizenzschlüssel eingeben.
Diese Informationen finden Sie unter ihr Konto auf der SeedProd-Website. Klicken Sie nach Eingabe des Lizenzschlüssels auf die Schaltfläche „Schlüssel überprüfen“.
Sobald dies erledigt ist, gehen Sie zu SeedProd » Seiten und klicken Sie auf die Schaltfläche „Neue Zielseite hinzufügen“.
Danach ist es an der Zeit, eine Seitenlayoutvorlage auszuwählen. SeedProd verfügt über eine Vielzahl professionell gestalteter Vorlagen, die Sie perfekt an Ihre WordPress-Website anpassen können.
Um eine Vorlage auszuwählen, fahren Sie einfach mit der Maus darüber und klicken Sie dann auf das „Häkchen“-Symbol.
Geben Sie als Nächstes einen Namen für die Seite ein. SeedProd erstellt automatisch eine URL basierend auf dem Seitentitel, Sie können die URL jedoch beliebig ändern.
Beispielsweise möchten Sie möglicherweise einige relevante Schlüsselwörter hinzufügen, die Suchmaschinen helfen, zu verstehen, worum es auf der Seite geht, und Ihre WordPress-SEO verbessern können.
Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“.
Sie werden dann zum Drag-and-Drop-Seitenersteller weitergeleitet und können die Vorlage anpassen.
Der SeedProd-Editor zeigt rechts eine Live-Vorschau Ihres Designs und links einige Blockkonfigurationen.
Das linke Menü enthält auch Blöcke, die Sie in Ihr Layout ziehen können.
Sie können beispielsweise Standardblöcke wie Schaltflächen und Bilder per Drag-and-Drop verschieben oder erweiterte Blöcke wie Countdown-Timer, Kontaktformular, Social-Sharing-Schaltflächen und mehr verwenden.
Um einen Block anzupassen, klicken Sie einfach darauf, um ihn in Ihrem Layout auszuwählen.
Das Menü auf der linken Seite zeigt alle Einstellungen an, mit denen Sie diesen Block konfigurieren können. Sie können auch die Hintergrundfarben der Seite ändern, Hintergrundbilder hinzufügen oder das Farbschema und die Schriftarten ändern, um sie besser an Ihre Marke anzupassen.
SeedProd verfügt außerdem über „Abschnitte“, bei denen es sich um Sammlungen von Blöcken handelt, die häufig zusammen verwendet werden. SeedProd verfügt beispielsweise über einen Kopfzeilenbereich, ein hervorgehobenes Bild, einen Call-to-Action, Kundenstimmen, FAQs, Funktionen, Fußzeilenbereiche und mehr.
Um die verschiedenen Abschnitte anzuzeigen, klicken Sie einfach auf die Registerkarte „Abschnitte“.
Sie können Abschnitte und Blöcke durch Ziehen und Ablegen in Ihrem Layout verschieben.
Wenn Sie einen Block löschen möchten, bewegen Sie einfach den Mauszeiger darüber und klicken Sie dann auf das Papierkorbsymbol, wenn es angezeigt wird.
Unabhängig davon, ob Sie einen SeedProd-Abschnitt verwenden oder nicht, können Sie jetzt einen benutzerdefinierten Formteiler erstellen. Klicken Sie einfach auf den Abschnitt, die Zeile oder die Spalte, in der Sie die Trennlinie hinzufügen möchten.
Klicken Sie dann im linken Menü auf die Registerkarte „Erweitert“.
Klicken Sie nun, um den Abschnitt „Formteiler“ zu erweitern.
Um zu beginnen, können Sie auswählen, wo der Formteiler angezeigt werden soll, indem Sie die Schaltfläche „Nach oben“ oder „Nach unten“ auswählen.
Sie können nun das Menü „Typ“ öffnen und den Formteiler auswählen, den Sie verwenden möchten.
Wenn Sie verschiedene Formen auswählen, wird die Live-Vorschau automatisch aktualisiert, sodass Sie verschiedene Stile ausprobieren und sehen können, welcher am besten aussieht.
Nachdem Sie einen Formteiler ausgewählt haben, können Sie ihn mit den neuen Einstellungen gestalten.
Um zu beginnen, können Sie auf „Farbe“ klicken und dann im angezeigten Popup eine neue Farbe auswählen.
Sobald dies erledigt ist, können Sie die Trennlinie vergrößern oder verkleinern, indem Sie die Schieberegler „Breite“ und „Höhe“ ziehen.
Wenn Sie bereits eine bestimmte Größe im Auge haben, können Sie diese Zahlen in die Felder eintragen.
Sie können auch versuchen, den Splitter umzudrehen, indem Sie auf den „Flip“-Schalter klicken, um ihn zu aktivieren oder zu deaktivieren.
Standardmäßig wird die Trennlinie hinter dem Rest des Inhalts angezeigt, sodass Benutzer Text, Bilder oder andere Inhalte, die die Trennlinie überlappen, deutlich erkennen können.
Durch das Verschieben der Form nach vorne können jedoch einige interessante Effekte erzielt werden. Wenn Sie sehen möchten, wie das aussieht, aktivieren Sie einfach den Schalter „Nach vorne bringen“.
Um weitere Teiler hinzuzufügen, befolgen Sie einfach den oben beschriebenen Vorgang.
Sie können sogar einen Formteiler oben und unten in einem Bereich anbringen und so oft beeindruckende, auffällige Ergebnisse erzielen.
Sie können mit der Arbeit an der Seite fortfahren, indem Sie im Menü auf der linken Seite weitere Blöcke hinzufügen und diese anpassen.
Wenn Sie mit dem Aussehen der Seite zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“. Anschließend können Sie „Veröffentlichen“ auswählen, um diese Seite zu veröffentlichen.
So fügen Sie Formteiler zu einem WordPress-Theme hinzu
Der Drag-and-Drop-Editor von SeedProd gibt Ihnen die Freiheit, jeder Seite einen einzigartigen Formteiler hinzuzufügen. Manchmal möchten Sie jedoch möglicherweise dieselben Formteiler auf mehreren Seiten oder sogar Ihrem gesamten WordPress-Blog oder Ihrer gesamten WordPress-Website verwenden.
Dies hilft Ihnen dabei, ein zusammenhängendes Design zu erstellen und kann Ihnen außerdem viel Zeit sparen. In diesem Fall empfehlen wir, mit dem Theme Builder von SeedProd einen Formteiler zu Ihrem Theme hinzuzufügen.
Mit SeedProd können Sie ein benutzerdefiniertes WordPress-Theme erstellen, ohne Code schreiben zu müssen. Erstellen Sie alle Dateien, aus denen Ihr Thema besteht, einschließlich Seitenleiste, Kopfzeile, Fußzeile, einzelne Beiträge und mehr.
Anschließend können Sie diese Dateien mit dem bekannten Drag-and-Drop-Builder anpassen. Dazu gehört auch das Hinzufügen von Formteilern nach demselben oben beschriebenen Verfahren.
Wenn Sie das neue Theme mit SeedProd aktivieren, überschreibt es Ihr bestehendes WordPress-Theme, daher sollten Sie diese Methode nur verwenden, wenn Sie Ihr aktuelles Theme ersetzen möchten.
Eine detaillierte Schritt-für-Schritt-Anleitung finden Sie in unserer Anleitung zum einfachen Erstellen eines benutzerdefinierten WordPress-Themes.
Wir hoffen, dass Ihnen dieses Tutorial dabei geholfen hat, zu lernen, wie Sie in WordPress einen benutzerdefinierten Formteiler erstellen. Vielleicht möchten Sie auch erfahren, wie Sie Ihren Blog-Traffic steigern können, oder sich unsere Expertenauswahl der besten Social-Proof-Plugins für WordPress ansehen.
