Benutzerdefinierte Felder in Gastbeiträgen anzeigen [WordPress-Tutorial]

Gastbeitragsformulare erfassen normalerweise nur Titel und Inhalt, sodass Sie die Autoreninformationen für jede Einreichung manuell formatieren müssen.

Dies führt zu inkonsistenten Autorenabschnitten und verschwendet Stunden mit der Neufomattierung von Details von Gastbloggern wie Websites, sozialen Profilen und Biografien.

Benutzerdefinierte Felder lösen dieses Problem, indem sie automatisch strukturierte Autorendaten erfassen, die auf jedem Gastbeitrag professionell angezeigt werden.

Dieses Tutorial zeigt Ihnen, wie Sie mit WPForms und Advanced Custom Fields (ACF) benutzerdefinierte Felder zu Gastbeitragsformularen hinzufügen.

Sie erstellen Formulare, die automatisch Autoreninformationen erfassen und diese konsistent in veröffentlichten Beiträgen anzeigen, ohne den Aufwand.

Beginnen Sie noch heute mit dem Empfang von Gastbeiträgen! :)

Was sind benutzerdefinierte Felder?

Benutzerdefinierte Felder sind zusätzliche Felder, die Sie zum Erfassen und Anzeigen von Informationen in WordPress verwenden. Sie werden manchmal auch als 'Post-Meta'-Felder bezeichnet.

Ihre Website hat wahrscheinlich bereits einige benutzerdefinierte Felder. Zum Beispiel verwendet das Plugin All in One SEO benutzerdefinierte Felder für die Meta-Beschreibung und den Meta-Titel der Seite.

Sie können Ihre eigenen benutzerdefinierten Felder erstellen, um zusätzliche Informationen für jeden Beitrag, jede Seite oder jeden benutzerdefinierten Beitragstyp zu speichern. Wenn Sie beispielsweise eine Rezension schreiben, könnten Sie ein weiteres Feld für die Bewertung von zehn haben.

Sie können dann Ihre Beitrags-Vorlage ändern, um Ihre Bewertung jedes Mal an derselben Stelle anzuzeigen, wenn Sie eine Rezension veröffentlichen. Benutzerdefinierte Felder sind nützlich, wenn Sie:

• Benutzerdefinierte Layouts erstellen
• Inhalte zu Ihrem RSS-Feed hinzufügen, wie z. B. Anzeigen oder Markenlogos
• Die Funktionsweise von WordPress mit Automatisierungen steuern.

Nachdem wir nun verstehen, wofür benutzerdefinierte Felder sind, erstellen wir ein Gastbeitragsformular mit benutzerdefinierten Feldern.

Benutzerdefinierte Felder in WordPress-Gastbeiträgen verwenden

Wir werden später im Tutorial wichtige WordPress-Dateien bearbeiten. Bevor Sie beginnen, empfehle ich Ihnen, ein Backup-Plugin zu verwenden, um Ihre WordPress-Website zu sichern. Sobald Sie fertig sind, folgen Sie den nachstehenden Schritten:

Schritt 1: Erforderliche Plugins installieren

Für dieses Tutorial müssen wir 3 Plugins installieren:

• WPForms Pro: Erstellt das Frontend-Formular für die Einreichung von Gastbeiträgen
• Post Submissions Addon: Wandelt Formulareinreichungen in veröffentlichte WordPress-Beiträge um
• Advanced Custom Fields (ACF): Speichert und zeigt benutzerdefinierte Autoreninformationen an

Beginnen Sie mit der Installation und Aktivierung von WPForms Pro. Nach der Aktivierung navigieren Sie in Ihrem WordPress-Dashboard zu WPForms » Addons.

Suchen Sie das Add-on „Post Submissions“ und klicken Sie auf Add-on installieren. Dieses Add-on wandelt Ihre Formularübermittlungen in tatsächliche WordPress-Beiträge auf Ihrer Website um.

Installieren Sie als Nächstes das Plugin „Advanced Custom Fields“. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins » Neues Plugin hinzufügen.

Suchen Sie nach „Advanced Custom Fields“ und klicken Sie bei der kostenlosen Version auf Jetzt installieren (die kostenlose Version enthält alle für dieses Tutorial benötigten Funktionen).

Wenn das Plugin installiert ist, vergessen Sie nicht, auf Aktivieren zu klicken. Großartig! Jetzt haben wir alles eingerichtet. Machen wir weiter und erstellen unser benutzerdefiniertes Feld.

Schritt 2: Ein benutzerdefiniertes Feld in ACF erstellen

Jetzt erstellen Sie die benutzerdefinierten Felder, die zusätzliche Informationen über Gastautoren speichern.

Diese Felder definieren, welche zusätzlichen Daten Sie über den standardmäßigen Titel und Inhalt hinaus sammeln, wie z. B. Autoren-Websites, soziale Profile oder Fachgebiete.

Klicken Sie in der Seitenleiste von WordPress auf Benutzerdefinierte Felder » Neu hinzufügen, um eine neue Feldgruppe zu erstellen.

Geben Sie Ihrer Feldgruppe einen beschreibenden Namen wie „Gastautorinformationen“ oder „Gastbeitragsdetails“. Dieser Name dient nur der internen Organisation und wird nicht im Frontend Ihrer Website angezeigt.

Klicken Sie nun auf Feld hinzufügen, um mit der Erstellung Ihres benutzerdefinierten Feldes zu beginnen.

Sie werden feststellen, dass darunter einige Optionen ausgeklappt werden. Sie müssen nicht alle ausfüllen. Hier sind die 2, die wir verwenden werden:

• Feldbezeichnung – Geben Sie Ihrem neuen Feld einen Namen, der für Sie Sinn ergibt.
• Feldtyp – Wir verwenden ein einfaches Textfeld, daher haben wir diese Einstellung auf Text belassen.

Sie werden feststellen, dass das Feld Feldname automatisch für Sie ausgefüllt wird.

Klicken Sie nun auf Veröffentlichen, um Ihr neues benutzerdefiniertes Feld zu speichern. Hier sehen Sie, dass das neue Feld gespeichert wurde. Beachten Sie den Feldnamen – Sie werden ihn für den nächsten Schritt benötigen.

Jetzt erstellen Sie das Frontend-Formular, das Gastautoren zum Einreichen ihres Inhalts verwenden. Dieses Formular erfasst sowohl den standardmäßigen Beitragsinhalt als auch die von Ihnen erstellten benutzerdefinierten Feldinformationen.

Schritt 3: Erstellen Sie Ihr Gastbeitragsformular

In diesem Schritt erstellen wir ein Formular zur Einreichung von Gastbeiträgen und fügen das neue Feld hinzu, damit der Gastautor es ausfüllen kann.

Wenn Sie noch kein Formular für von Benutzern eingereichte Beiträge haben, klicken Sie zunächst in der WordPress-Navigationsleiste auf WPForms » Neues Formular hinzufügen .

Suchen Sie nach der Vorlage „Blog Post Submission Form“ und klicken Sie auf Vorlage verwenden. Diese vorgefertigte Vorlage enthält wichtige Felder für die Sammlung von Gastbeiträgen:

• Feld für den Beitragstitel
• Bereich für den Beitragstext (visueller Editor)
• Name und E-Mail-Adresse des Autors
• Hochladen eines Beitragsbildes
• Auswahl der Beitrags-Kategorie

Wenn Sie die Standardeinstellungen anpassen müssen, lesen Sie diese Anleitung zum Erstellen eines Frontend-Formulars für benutzergenerierte Beiträge. Wenn Sie alle Grundlagen vorbereitet haben, kehren Sie zu diesem Tutorial zurück.

Schritt 4: Benutzerdefiniertes Feld zum Gastbeitragsformular hinzufügen

Nun haben Sie ein Formular für benutzergenerierte Beiträge und möchten das benutzerdefinierte Feld hinzufügen, das wir in Schritt 2 erstellt haben.

Ziehen wir ein Einzeilen-Textfeld aus dem linken Bereich in die Formularvorschau auf der rechten Seite. Wir nennen dieses Feld Website-Name.

Jetzt sind wir bereit, das Feld dem Feld zuzuordnen, das wir im Advanced Custom Fields-Plugin erstellt haben. Klicken Sie zunächst auf Einstellungen auf der linken Seite und dann auf Beitragsübermittlungen.

Dieser Bildschirm zeigt alle Funktionen und Features des Post Submissions Addons. Sie können hier den Beitragsstatus und andere Einstellungen festlegen.

Um das benutzerdefinierte Feld hinzuzufügen, scrollen Sie ganz nach unten zum Abschnitt Benutzerdefinierte Beitragsmetadaten. Fügen Sie auf der linken Seite den Feldnamen ein, den wir in ACF erstellt haben.

Wählen Sie auf der rechten Seite das Formularfeld Website-Name aus, das wir gerade in WPForms erstellt haben (oder wie auch immer Sie es genannt haben) und das Sie gerade zu Ihrem Formular hinzugefügt haben.

Das ist alles, was Sie tun müssen! Von nun an wird alles, was in das Feld Website-Name eingegeben wird, im benutzerdefinierten Feld gespeichert, sodass Sie es in Ihrer Beitrags-Vorlage anzeigen können. Klicken Sie auf Speichern, um Ihr Formular zu speichern.

Bereit für einige Gastbeiträge? Klicken Sie auf die Schaltfläche Einbetten, um Ihr Formular zu veröffentlichen, falls Sie dies noch nicht getan haben. Sie können es automatisch zu einer Seite hinzufügen oder einen Shortcode verwenden.

Wenn Sie nun Ihr Gastbeitragsformular im Frontend anzeigen, sehen Sie das zusätzliche Feld, das wir zuvor hinzugefügt haben.

Füllen Sie das Formular mit einem Testeintrag aus. Sobald es übermittelt wurde, können wir das Feld im Frontend Ihrer Website anzeigen.

Schritt 5: Fügen Sie Ihre benutzerdefinierten Felder zu Ihrer Website hinzu

Es gibt viele verschiedene Möglichkeiten, benutzerdefinierte Felddaten in WordPress anzuzeigen. Wir zeigen Ihnen einige einfache Beispiele.

Die erste Methode erfordert einige Kenntnisse der WordPress-Theme-Dateien. Erstellen Sie vorher ein Child-Theme für Ihre Website. (Es ist auch ratsam, Ihre Website zu diesem Zeitpunkt erneut zu sichern.)

In all diesen Beispielen verwenden wir die Funktion the_field() in Advanced Custom Fields. Bearbeiten wir zunächst unsere Single-Post-Vorlage, um das Feld anzuzeigen. Gehen Sie zu Design » Theme-Editor.

Wir haben die Theme-Datei namens single.php geöffnet. In Ihrem Theme kann der Name dieser Vorlagendatei anders sein. Suchen Sie eine Stelle, um Ihr Feld anzuzeigen, und fügen Sie dann diesen Code ein. Dies ist ein super einfaches Beispiel für den Anfang:

<?php if( get_field('author_website_name') ): ?>
    <h2>Author's Blog: <?php the_field('author_website_name'); ?></h2>
<?php endif; ?>

Dieser Code bedeutet, dass WordPress den Namen der Website des Autors in einer H2-Überschrift anzeigt, falls diese Information vorhanden ist. Ändern Sie einfach den Feldnamen author_website_name in den Namen des Feldes, das Sie erstellt haben.

Wenn Sie die Vorlagendatei speichern, wird Ihr Feld in Ihren Blogbeiträgen dort angezeigt, wo Sie den Code platziert haben.

Wenn das etwas knifflig erscheint, zeigen wir Ihnen schnell einen einfacheren Weg, benutzerdefinierte Felder mit Elementor zu verwenden.

Schritt 6: Benutzerdefinierte Felder mit Elementor anzeigen

Bevor wir mit dem Tutorial zur Verwendung von benutzerdefinierten Feldern in von Benutzern eingereichten Beiträgen fertig sind, möchten wir Ihnen schnell zeigen, wie Sie ein benutzerdefiniertes Feld in Elementor anzeigen.

Diese Methode ermöglicht es Ihnen, einfach erweiterte Vorlagen für von Benutzern eingereichte Inhalte zu erstellen. In diesem Beispiel haben wir einen leeren Textblock in Elementor. Klicken Sie auf das Symbol oben, das in dieser Abbildung als Dynamische Tags bezeichnet wird:

Wählen Sie nun ACF Field und wählen Sie das benutzerdefinierte Feld aus, das Sie in Schritt 2 erstellt haben.

Nun werden die Inhalte Ihres benutzerdefinierten Feldes in Ihren Beiträgen angezeigt, wann immer Sie diese Elementor-Vorlage verwenden. Dies macht es super einfach, benutzerdefinierte Felddaten anzuzeigen, die Sie in WPForms sammeln.

FAQs zur Anzeige benutzerdefinierter Felder in Gastbeiträgen

Das Erlernen, wie man benutzerdefinierte Felder in Gastbeitragsformularen hinzufügt und anzeigt, ist ein beliebtes Thema unter unseren Lesern. Hier sind Antworten auf einige häufig gestellte Fragen dazu:

Wie integriere ich WPForms mit ACF?

Installieren Sie sowohl WPForms Pro als auch Advanced Custom Fields und erstellen Sie zuerst Ihre benutzerdefinierten Felder in ACF. Gehen Sie in Ihrem WPForms-Gastbeitragsformular zu Einstellungen » Beitragsübermittlungen und scrollen Sie zum Abschnitt Benutzerdefinierte Beitragsmetadaten.

Ordnen Sie Ihre ACF-Feldnamen (linke Seite) Ihren WPForms-Feldern (rechte Seite) zu. Die Integration erfolgt automatisch, sobald beide Plugins aktiv sind. Keine zusätzliche Einrichtung erforderlich.

Wie verwende ich benutzerdefinierte Felder in WordPress?

Benutzerdefinierte Felder speichern zusätzliche Informationen über den Standardinhalt von Beiträgen hinaus. Gehen Sie in WordPress zu Benutzerdefinierte Felder » Neu hinzufügen, um Feldgruppen zu erstellen, und fügen Sie dann einzelne Felder wie Text, Textbereich oder Dropdown-Optionen hinzu.

Sie können benutzerdefinierte Felddaten mit der Funktion the_field() in Ihrem Theme anzeigen oder über Seitenersteller wie Elementor mithilfe von dynamischen Tags.

Was sind benutzerdefinierte Felder in WordPress?

Benutzerdefinierte Felder sind zusätzliche Datenspeicherbereiche für WordPress-Beiträge und -Seiten. Sie werden auch als „Beitragsmetadaten“-Felder bezeichnet. Sie könnten zum Beispiel benutzerdefinierte Felder für Produktpreise, Autoren-Biografien oder Bewertungssterne erstellen.

Im Gegensatz zu regulären Inhalten speichern benutzerdefinierte Felder strukturierte Daten, die konsistent auf Ihrer Website angezeigt und zum Sortieren, Filtern oder für spezielle Layouts verwendet werden können.

Wie zeige ich benutzerdefinierte Felder in WordPress-Beiträgen an?

Sie können benutzerdefinierte Felder mithilfe von PHP-Code in Ihren Theme-Dateien oder über Seitenersteller wie Elementor anzeigen. Für die Code-Methode verwenden Sie <?php the_field(‘field_name’); ?>, wo die Daten erscheinen sollen.

Verwenden Sie für Elementor ein Text-Widget und die Dynamischen Tags » ACF Field, um Ihre benutzerdefinierten Felddaten abzurufen. Beide Methoden zeigen automatisch die aus Ihren Gastbeitragsformularen gesammelten Informationen an.

Wie aktiviere ich benutzerdefinierte Felder in WordPress?

Benutzerdefinierte Felder sind in WordPress immer verfügbar, können aber im Beitragseditor ausgeblendet sein. Um sie anzuzeigen, bearbeiten Sie einen beliebigen Beitrag und klicken Sie auf "Bildschirmoptionen" (oben rechts), dann aktivieren Sie "Benutzerdefinierte Felder".

Für Gastbeitragseinreichungen müssen Sie dies jedoch nicht aktivieren. WPForms und ACF verwalten die Erstellung und Verwaltung benutzerdefinierter Felder automatisch über ihre Benutzeroberflächen.

Wie füge ich benutzerdefinierte Felder zu WordPress-Seiten und -Beiträgen hinzu?

Nach der Installation von ACF erscheinen benutzerdefinierte Felder automatisch beim Bearbeiten von Beiträgen. Bei Gastbeiträgen über WPForms werden die benutzerdefinierten Felder nach dem Absenden der Formulare automatisch ausgefüllt.

Sie fügen sie nicht manuell zu einzelnen Beiträgen hinzu – der Prozess der Formularübermittlung erledigt dies. Um die Daten anzuzeigen, ändern Sie Ihre Theme-Vorlage oder verwenden Sie die dynamischen Inhaltsfunktionen von Elementor.

Kann ich WPForms Post Submissions für benutzergenerierte Inhalte verwenden?

Ja, das Post Submissions Addon ist perfekt für alle benutzergenerierten Inhalte, einschließlich Gastbeiträge, Stellenangebote, Testimonials oder Community-Einreichungen.

Es erstellt automatisch WordPress-Beiträge aus Formulareinreichungen, weist Autoren zu, legt Kategorien fest und verarbeitet benutzerdefinierte Felddaten.

Sie können Einreichungen vor der Veröffentlichung moderieren und die volle redaktionelle Kontrolle über benutzergenerierte Inhalte behalten.

Nächster Schritt: Mehr Gastbeitragseinreichungen erhalten

Jetzt haben Sie ein Gastbeitragsformular mit benutzerdefinierten Feldern eingerichtet und möchten mehr benutzergenerierte Inhalte für Ihre Website erhalten. Schauen Sie sich dazu diese Tipps an, wie Sie mehr Gastbeiträge auf Ihrem Blog erhalten.

Erstellen Sie jetzt Ihr WordPress-Formular

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularersteller-Plugin.  WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.