Wie man benutzerdefinierte Felder in Gastbeiträgen anzeigt [WordPress Tutorial]

Gastbeitragsformulare erfassen in der Regel nur Titel und Inhalt, so dass Sie die Autoreninformationen für jeden Beitrag manuell formatieren müssen.

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

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

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

Sie erstellen Formulare, die automatisch Autorendaten erfassen und diese in veröffentlichten Beiträgen konsistent anzeigen, ohne dass Sie sich darum kümmern müssen.

Beginnen Sie noch heute mit der Annahme von Gastbeiträgen 🙂

Was sind benutzerdefinierte Felder?

Benutzerdefinierte Felder sind zusätzliche Felder, die Sie verwenden, um Informationen in WordPress zu sammeln und anzuzeigen. Sie werden manchmal auch "Post-Meta-Felder" genannt.

Ihre Website verfügt wahrscheinlich bereits über einige benutzerdefinierte Felder. Das All in One SEO-Plugin verwendet beispielsweise 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 z. B. eine Rezension schreiben, können Sie ein weiteres Feld für die Bewertung mit zehn Punkten anlegen.

Sie können dann Ihre Beitragsvorlage so ändern, dass Ihre Bewertung jedes Mal an der gleichen Stelle angezeigt wird, wenn Sie eine Bewertung veröffentlichen. Benutzerdefinierte Felder sind praktisch, wenn Sie das möchten:

• Benutzerdefinierte Layouts erstellen
• Fügen Sie Inhalte zu Ihrem RSS-Feed hinzu, z. B. Anzeigen oder Markenlogos
• Steuern Sie die Arbeitsweise von WordPress mit Automatisierungen.

Da wir nun wissen, wozu benutzerdefinierte Felder dienen, wollen wir ein Gastbeitragsformular mit benutzerdefinierten Feldern erstellen.

Wie man benutzerdefinierte Felder in WordPress-Gastbeiträgen verwendet

Im weiteren Verlauf des Tutorials werden wir wichtige WordPress-Dateien bearbeiten. Bevor Sie beginnen, empfehle ich Ihnen, ein Backup-Plugin zu verwenden, um Ihre WordPress-Website zu sichern. Führen Sie anschließend die folgenden Schritte aus:

Schritt 1: Installieren Sie die erforderlichen Plugins

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

• WPForms Pro: Erzeugt das Frontend-Formular für Gastbeiträge
• Post Submissions Addon: Konvertiert Formular-Eingaben in veröffentlichte WordPress-Posts
• Erweiterte benutzerdefinierte Felder (ACF): Speichert und zeigt benutzerdefinierte Autoreninformationen an

Beginnen Sie mit der Installation und Aktivierung von WPForms Pro. Einmal aktiviert, navigieren Sie zu WPForms " Addons in Ihrem WordPress-Dashboard.

Suchen Sie das Post Submissions Addon und klicken Sie auf Install Addon. Dieses Addon wandelt Ihre Formulareingaben in echte WordPress-Beiträge auf Ihrer Website um.

Als Nächstes installieren Sie das Advanced Custom Fields Plugin. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins " Neu hinzufügen.

Suchen Sie nach Advanced Custom Fields und klicken Sie in 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. Super! Jetzt haben wir alles eingerichtet. Machen wir weiter und erstellen wir unser benutzerdefiniertes Feld.

Schritt 2: Erstellen Sie ein benutzerdefiniertes Feld in ACF

Nun erstellen Sie die benutzerdefinierten Felder, in denen zusätzliche Informationen für Gastautoren gespeichert werden.

Diese Felder legen fest, welche zusätzlichen Daten Sie über den Standardtitel und -inhalt hinaus erfassen, z. B. Websites von Autoren, soziale Profile oder Fachgebiete.

Klicken Sie in Ihrer WordPress-Seitenleiste auf Benutzerdefinierte Felder " Neu hinzufügen , um eine neue Feldgruppe zu erstellen.

Geben Sie Ihrer Feldgruppe einen beschreibenden Namen wie "Informationen für Gastautoren" oder "Details zu Gastbeiträgen". Dieser Name ist nur für die interne Organisation gedacht und wird nicht im Frontend Ihrer Website erscheinen.

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

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

• Feldbezeichnung - Geben Sie Ihrem neuen Feld einen sinnvollen Namen.
• Feldtyp - Da wir ein einfaches Textfeld verwenden werden, haben wir dies auf Text eingestellt.

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. Sie können hier sehen, dass das neue Feld gespeichert wurde. Notieren Sie sich den Feldnamen - Sie benötigen ihn für den nächsten Schritt.

Nun erstellen Sie das Frontend-Formular, mit dem Gastblogger ihre Inhalte übermitteln. Dieses Formular erfasst sowohl den Standard-Post-Inhalt als auch die Informationen aus dem benutzerdefinierten Feld, das Sie gerade erstellt haben.

Schritt 3: Erstellen Sie Ihr Gastbeitragsformular

In diesem Schritt erstellen wir ein Formular zum Einreichen von Gastbeiträgen und fügen das neue Feld hinzu, damit der Gastblogger 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 " Add New .

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

• Feld für den Titel des Beitrags
• Inhaltsbereich für Beiträge (visueller Editor)
• Name und E-Mail des Autors
• Hochladen von Sonderbildern
• Auswahl der Beitragskategorie

Wenn Sie die Standardeinstellungen ändern müssen, lesen Sie diesen Leitfaden zur Erstellung eines Frontend-Formulars für von Benutzern eingereichte Beiträge. Wenn Sie alle Grundlagen fertiggestellt haben, kommen Sie zu diesem Tutorial zurück.

Schritt 4: Benutzerdefiniertes Feld zum Gastbeitragsformular hinzufügen

Jetzt, wo Sie ein Formular für vom Benutzer eingereichte Beiträge haben, möchten Sie das benutzerdefinierte Feld hinzufügen, das wir in Schritt 2 erstellt haben.

Ziehen Sie nun ein einzeiliges Textfeld aus dem linken Fenster auf die Formularvorschau auf der rechten Seite. Wir nennen es Website-Name.

Jetzt können wir das Feld dem Feld zuordnen, das wir mit dem Plugin Advanced Custom Fields erstellt haben. Klicken Sie zunächst auf der linken Seite auf Einstellungen und dann auf Beitragseinreichungen.

Dieser Bildschirm zeigt alle Funktionen und Merkmale für das Addon Post Submissions. Hier können Sie den Beitragsstatus und andere Einstellungen festlegen.

Um das benutzerdefinierte Feld hinzuzufügen, scrollen Sie ganz nach unten zum Abschnitt Custom Post Meta. 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, das wir gerade in WPForms erstellt haben (oder wie auch immer Sie es benannt 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 Sie in das Feld Website-Name eingeben, im benutzerdefinierten Feld gespeichert, damit Sie es in Ihrer Beitragsvorlage anzeigen können. Klicken Sie auf Speichern, um Ihr Formular zu speichern.

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

Wenn Sie nun Ihr Formular für die Einreichung von Gastbeiträgen im Frontend anzeigen, sehen Sie das zusätzliche Feld, das wir zuvor hinzugefügt haben.

Füllen Sie nun das Formular mit einem Testeintrag aus. Nach dem Absenden können wir das Feld auf dem 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 werden Ihnen einige einfache Beispiele zeigen.

Diese erste Methode erfordert einige Kenntnisse über WordPress-Theme-Dateien. Bevor Sie fortfahren, erstellen Sie ein Child-Theme für Ihre Website. (Es ist auch eine gute Idee, Ihre Website zu diesem Zeitpunkt erneut zu sichern).

In all diesen Beispielen werden wir Folgendes verwenden the_field() Funktion in Erweiterte benutzerdefinierte Felder. Bearbeiten wir zunächst unsere Vorlage für einen einzelnen Beitrag, um das Feld anzuzeigen. Gehen Sie zu Erscheinungsbild " Theme Editor.

Wir haben die Themendatei namens single.php. In Ihrem Thema kann der Name dieser Vorlagendatei anders lauten. Suchen Sie eine Stelle, an der Ihr Feld angezeigt werden soll, 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 einem H2-Feld anzeigt, wenn diese Information vorhanden ist. Ändern Sie einfach den Feldnamen author_website_name auf den Namen des von Ihnen erstellten Feldes.

Wenn Sie die Vorlagendatei speichern, wird das Feld in Ihren Blogeinträgen an der Stelle angezeigt, an der Sie den Code platziert haben.

Wenn Ihnen das zu kompliziert erscheint, zeigen wir Ihnen eine einfachere Möglichkeit, benutzerdefinierte Felder mit Elementor zu verwenden.

Schritt 6: Benutzerdefinierte Felder mit Elementor anzeigen

Bevor wir das Tutorial zur Verwendung von benutzerdefinierten Feldern in von Benutzern eingereichten Beiträgen beenden, möchten wir Ihnen kurz zeigen, wie Sie ein benutzerdefiniertes Feld in Elementor anzeigen können.

Mit dieser Methode können Sie auf einfache Weise fortgeschrittene Vorlagen für vom Benutzer eingereichte Inhalte erstellen. In diesem Beispiel haben wir einen leeren Textblock in Elementor. Klicken Sie auf das Symbol oben, das in diesem Screenshot mit Dynamische Tags beschriftet ist:

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

Jetzt wird der Inhalt Ihres benutzerdefinierten Feldes in Ihren Beiträgen angezeigt, wenn 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 Hinzufügen und Anzeigen von benutzerdefinierten Feldern in Gastbeitragsformularen ist ein beliebtes Thema bei unseren Lesern. Hier finden Sie Antworten auf einige häufig gestellte Fragen dazu:

Wie kann ich WPForms mit ACF integrieren?

Installieren Sie sowohl WPForms Pro und Advanced Custom Fields, dann erstellen Sie Ihre benutzerdefinierten Felder in ACF ersten. In Ihrem WPForms Gastbeitrag Form, gehen Sie zu Einstellungen " Post Submissions und blättern Sie zu den Custom Post Meta Abschnitt.

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?

In benutzerdefinierten Feldern werden zusätzliche Informationen gespeichert, die über den Standardinhalt eines Beitrags hinausgehen. Gehen Sie in WordPress zu Benutzerdefinierte Felder " Neu hinzufügen, um Feldgruppen zu erstellen, und fügen Sie dann einzelne Felder wie Text-, Textarea- oder Dropdown-Optionen hinzu.

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

Was sind benutzerdefinierte Felder in WordPress?

Benutzerdefinierte Felder sind zusätzliche Datenspeicherbereiche für WordPress-Beiträge und -Seiten. Sie werden auch "Post-Meta-Felder" genannt. Sie können beispielsweise benutzerdefinierte Felder für Produktpreise, Autorenbiografien oder Rezensionsbewertungen erstellen.

Im Gegensatz zu regulärem Inhalt werden in benutzerdefinierten Feldern strukturierte Daten gespeichert, die auf der gesamten Website einheitlich angezeigt und für die Sortierung, Filterung oder spezielle Layouts verwendet werden können.

Wie kann ich benutzerdefinierte Felder in WordPress-Beiträgen anzeigen?

You can display custom fields using PHP code in your theme files or through page builders like Elementor. For code method, use <?php the_field(‘field_name’); ?> where you want the data to appear.

Fügen Sie für Elementor ein Textwidget hinzu und verwenden Sie Dynamic Tags " ACF Field, um Ihre benutzerdefinierten Felddaten einzulesen. Beide Methoden zeigen automatisch die von Ihren Gastbeitragsformularen gesammelten Informationen an.

Wie kann ich benutzerdefinierte Felder in WordPress aktivieren?

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

Für die Einreichung von Gastbeiträgen brauchen Sie dies jedoch nicht zu aktivieren. WPForms und ACF übernehmen die Erstellung und Verwaltung benutzerdefinierter Felder automatisch über ihre Schnittstellen.

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

Wenn ACF installiert ist, werden benutzerdefinierte Felder automatisch angezeigt, wenn Beiträge bearbeitet werden. Bei Gastbeiträgen über WPForms werden die benutzerdefinierten Felder automatisch ausgefüllt, wenn Formulare eingereicht werden.

Sie fügen sie nicht manuell zu den einzelnen Beiträgen hinzu - das geschieht über den Formularübermittlungsprozess. Für die Anzeige der Daten ändern Sie Ihre Theme-Vorlage oder verwenden die dynamischen Inhaltsfunktionen von Elementor.

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

Ja, das Post Submissions Addon ist perfekt für nutzergenerierte Inhalte wie Gastbeiträge, Stellenanzeigen, Erfahrungsberichte oder Community-Beiträge.

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

Sie können Beiträge vor der Veröffentlichung moderieren und behalten die volle redaktionelle Kontrolle über die von Nutzern eingereichten Inhalte.

Nächster Schritt: Mehr Gastbeiträge einreichen

Jetzt, wo Sie ein Gastbeitragsformular mit benutzerdefinierten Feldern eingerichtet haben, möchten Sie mehr von Benutzern eingereichte Inhalte für Ihre Website erhalten. Sehen Sie sich dazu diese Tipps an, wie Sie mehr Gastbeiträge für Ihren Blog erhalten.

Erstellen Sie jetzt Ihr Wordpress-Formular

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

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