Erstellen Ihrer ersten Feldgruppe

Eine Feldgruppe ist eine Sammlung von Feldern, die beim Bearbeiten eines Beitrags oder einer Seite zusammen angezeigt werden. In diesem Abschnitt führen wir Sie durch die Erstellung einer vollständigen, realen Feldgruppe von Anfang bis Ende. Anstelle eines Spielbeispiels erstellen Sie ein “Teammitglied”-Profil, das eine Beratungsfirma verwenden könnte — mit einem Foto, Namen, Berufsbezeichnung, Biografie, Fachgebieten und einer LinkedIn-URL. Am Ende werden Sie jeden Teil des Feldgruppen-Editors verstehen und bereit sein, Ihre eigenen benutzerdefinierten Konfigurationen zu erstellen.

Das Szenario

Stellen Sie sich vor, Sie leiten eine Beratungsfirma namens Apex Partners. Sie möchten, dass jeder Berater eine eigene Profilseite auf Ihrer Website hat, die ihr Foto, ihren vollständigen Namen, ihre Berufsbezeichnung, eine professionelle Biografie, eine Liste von Fachgebieten und einen Link zu ihrem LinkedIn-Profil zeigt. Sie haben einen benutzerdefinierten Beitragstyp namens “Teammitglieder” (Ihr Entwickler hat dies eingerichtet), und Sie benötigen die Felder, die die Redakteure ausfüllen sollen.

Schritt 1: Erstellen Sie die Feldgruppe

1. Gehen Sie zu Field Forge > Neue Feldgruppe
2. Geben Sie im Titel-Feld oben ein: Teammitglied-Profil
3. Dieser Titel ist das, was Redakteure als Überschrift des Metaboxes sehen, wenn sie einen Teammitglied-Beitrag bearbeiten

[Screenshot: der Feldgruppen-Editor mit “Teammitglied-Profil” als Titel und einer leeren Feldliste darunter]

Schritt 2: Fügen Sie das Foto-Feld hinzu

1. Klicken Sie auf die Schaltfläche Feld hinzufügen — ein Raster verfügbarer Feldtypen erscheint
2. Klicken Sie im Raster auf Bild
3. Konfigurieren Sie das Feld:

– Name: profile_photo (automatisch aus der Bezeichnung generiert — lassen Sie es so)

– Anleitung: Laden Sie ein professionelles Porträt hoch. Empfohlene Größe: 400×400 Pixel, quadratischer Zuschnitt.

– Erforderlich: Ja (aktivieren Sie dies — jedes Teammitglied benötigt ein Foto)

– Rückgabeformat: Bild-Array (gibt Ihrem Entwickler Zugriff auf mehrere Bildgrößen)

– Vorschaugröße: Mittel (dies steuert das Vorschau-Thumbnails, das im Editor angezeigt wird)

– Wrapper-Breite: 30% (wir werden das Foto links platzieren, mit Name und Titel rechts)

Schritt 3: Fügen Sie das Name-Feld hinzu

1. Klicken Sie erneut auf Feld hinzufügen, wählen Sie Text
2. Konfigurieren Sie:

– Name: full_name

– Anleitung: Geben Sie den vollständigen Namen des Beraters ein, wie er auf der Website erscheinen soll.

– Erforderlich: Ja

– Platzhalter: “Jane Doe”

– Zeichenlimit: 100 (verhindert das versehentliche Einfügen eines Absatzes)

– Wrapper-Breite: 35%

Schritt 4: Fügen Sie das Jobtitel-Feld hinzu

1. Klicken Sie auf Feld hinzufügen, wählen Sie Text
2. Konfigurieren Sie:

– Name: job_title

– Anleitung: Ihre Rolle in der Firma (z. B. Senior Consultant, Managing Partner).

– Erforderlich: Ja

– Platzhalter: “Senior Consultant”

– Wrapper-Breite: 35%

Schritt 5: Fügen Sie das Biografie-Feld hinzu

1. Klicken Sie auf Feld hinzufügen, wählen Sie Textarea
2. Konfigurieren Sie:

– Name: professional_bio

– Anleitung: Schreiben Sie 2-3 Absätze über den Hintergrund, die Expertise und den Ansatz des Beraters. Dies erscheint auf ihrer Profilseite.

– Erforderlich: Ja

– Zeilen: 6 (macht das Textfeld hoch genug für ein paar Absätze ohne Scrollen)

– Wrapper-Breite: 100% (volle Breite — Biografien benötigen Platz)

Schritt 6: Fügen Sie das Fachgebiete-Feld hinzu

1. Klicken Sie auf Feld hinzufügen, wählen Sie Checkbox
2. Konfigurieren Sie:

– Name: specialties

– Anleitung: Wählen Sie alle Fachgebiete aus, die zutreffen.

– Auswahlmöglichkeiten: Fügen Sie jedes Fachgebiet in einer eigenen Zeile hinzu:

– Strategie

– Betrieb

– Digitale Transformation

– Finanzberatung

– Humankapital

– Risikomanagement

– Technologie

– Nachhaltigkeit

– Layout: Horizontal (zeigt Kontrollkästchen in einer Reihe anstelle einer vertikalen Liste, um Platz zu sparen)

– Wrapper-Breite: 100%

Schritt 7: Fügen Sie das LinkedIn-URL-Feld hinzu

1. Klicken Sie auf Feld hinzufügen, wählen Sie URL
2. Konfigurieren Sie:

– Name: linkedin_profile

– Anleitung: Fügen Sie die vollständige LinkedIn-Profil-URL ein (z. B. https://linkedin.com/in/janedoe).

– Erforderlich: Nein (nicht jedes Teammitglied hat möglicherweise eines)

– Platzhalter: “https://linkedin.com/in/benutzername”

– Wrapper-Breite: 50%

Schritt 8: Standortregeln festlegen

1. Scrollen Sie nach unten zum Abschnitt Standortregeln
2. Setzen Sie das erste Dropdown auf Beitragstyp
3. Setzen Sie den Operator auf ist gleich
4. Setzen Sie den Wert auf Teammitglied (oder wie auch immer Ihr Team-Beitragstyp heißt)
5. Das bedeutet, dass jeder Teammitglied-Beitrag auf Ihrer Website die “Teammitglied-Profil”-Metabox anzeigen wird

Schritt 9: Speichern und Testen

1. Klicken Sie auf Feldgruppe speichern (oder drücken Sie Cmd+S / Ctrl+S)
2. Gehen Sie zu Ihrem Teammitglieder-Beitragstyp in der Admin-Seitenleiste
3. Öffnen Sie einen bestehenden Teammitglied-Beitrag oder erstellen Sie einen neuen
4. Scrollen Sie unter den Inhaltseditor — Sie werden die “Teammitglied-Profil”-Metabox sehen
5. Beachten Sie, dass das Profilfoto-Feld (30% Breite) links sitzt, mit Vollständigem Namen (35%) und Berufsbezeichnung (35%) rechts in derselben Reihe
6. Füllen Sie einige Testdaten aus: Laden Sie ein Foto hoch, geben Sie einen Namen, Titel und Biografie ein, wählen Sie einige Fachgebiete aus, fügen Sie eine LinkedIn-URL ein
7. Klicken Sie auf Veröffentlichen oder Aktualisieren, um zu speichern
8. Öffnen Sie den Beitrag erneut, um zu bestätigen, dass alle Daten erhalten bleiben

[Screenshot: ein Teammitglied-Beitrag im Editor, der die “Teammitglied-Profil”-Metabox mit allen ausgefüllten Feldern zeigt — Foto links, Name und Titel rechts, Biografie darunter, Kontrollkästchen für Fachgebiete und ein LinkedIn-URL-Feld]

Weitere Beispiele für Feldgruppen, die Sie erstellen könnten

Tipps zur Organisation von Feldern

• Ziehen Sie Felder, um sie neu anzuordnen — die Reihenfolge im Editor ist die Reihenfolge, die Redakteure bei Beiträgen sehen
• Doppelklicken Sie auf eine Feldbezeichnung, um sie inline umzubenennen, ohne das gesamte Einstellungsfeld zu öffnen
• Verwenden Sie Wrapper-Breite, um mehrspaltige Layouts zu erstellen. Zwei Felder mit 50% sitzen nebeneinander. Drei mit 33% erstellen eine dreispaltige Reihe
• Fügen Sie ein Tab-Feld (unter Layouttypen) hinzu, um eine große Feldgruppe in Registerkartenabschnitte zu unterteilen. Platzieren Sie Inhaltsfelder in einem Tab, SEO-Felder in einem anderen und Einstellungen in einem dritten
• Verwenden Sie ein Nachrichten-Feld, um Anweisungen, Warnungen oder Notizen hinzuzufügen, die Redakteure sehen, wenn sie Felder ausfüllen. Zum Beispiel: “Bilder müssen mindestens 1920×1080 Pixel für den Hero-Bereich haben.”
• Halten Sie die Feldnamen kurz und beschreibend — hero_title ist besser als the_title_for_the_hero_section_at_the_top

> Gut zu wissen: Der Feldname (wie full_name) ist das, was Ihr Entwickler im Theme-Code verwendet, um die Daten anzuzeigen. Sobald eine Feldgruppe in der Produktion verwendet wird, vermeiden Sie es, Feldnamen zu ändern — dies unterbricht die Verbindung zwischen gespeicherten Daten und dem Theme. Die Änderung der Bezeichnung (was Redakteure sehen) ist immer sicher und hat keine Auswirkungen auf Daten oder Code.

> Häufiger Fehler: Neue Benutzer erstellen manchmal eine Feldgruppe, vergessen jedoch, Standortregeln festzulegen. Die Felder existieren, erscheinen jedoch nirgendwo. Scrollen Sie immer zu den Standortregeln, bevor Sie speichern, und stellen Sie sicher, dass mindestens eine Regel konfiguriert ist.