Rezept: Erstellen einer Teammitglieder-Seite

Dieses Rezept führt Sie durch den gesamten Prozess der Erstellung einer Teammitglieder-Seite — von der Einrichtung der Feldgruppen bis hin dazu, wie Inhaltsmanager Teammitglieder-Einträge hinzufügen und verwalten.

Schritt 1: Erstellen der Feldgruppe

1. Gehen Sie zu Field Forge > Neue Feldgruppe
2. Benennen Sie sie Teammitglieder
3. Fügen Sie ein Repeater-Feld (PRO) mit der Bezeichnung Teammitglieder und dem Namen team_members hinzu
4. Fügen Sie die folgenden Unterfelder im Repeater hinzu:

1. Setzen Sie den Anzeigemodus des Repeaters auf Block (jedes Teammitglied erscheint als erweiterbare Karte, was einfacher zu verwalten ist als eine kompakte Tabelle, wenn es Bildfelder gibt)
2. Optional Minimum Rows auf 1 setzen (damit die Seite immer mindestens ein Teammitglied hat)

Schritt 2: Standortregeln festlegen

1. Scrollen Sie zum Abschnitt Standortregeln
2. Setzen Sie: Seite ist gleich Team (Zielseite mit dem Namen “Team”)
3. Alternativ, wenn Sie eine Team-Seitenvorlage haben: Seitenvorlage ist gleich Team-Vorlage
4. Wenn Sie den Team-Bereich auf mehreren Seiten verfügbar haben möchten, fügen Sie ODER-Gruppen für jede Zielseite hinzu
5. Speichern Sie die Feldgruppe

Schritt 3: Workflow für Inhaltsmanager — Teammitglieder hinzufügen

Hier ist, was ein Inhaltsmanager tut, um die Teamseite zu befüllen:

1. Gehen Sie zu Seiten und öffnen Sie die “Team”-Seite im Editor
2. Scrollen Sie unter den Inhaltseditor, um das Metabox “Teammitglieder” zu finden
3. Klicken Sie auf Zeile hinzufügen, um den ersten Teammitglieder-Eintrag zu erstellen
4. Laden Sie ein Foto hoch, indem Sie auf “Bild auswählen” klicken — wählen Sie aus der Mediathek oder laden Sie ein neues Porträt hoch
5. Geben Sie den vollständigen Namen, die Berufsbezeichnung und eine kurze Biografie der Person ein
6. Fügen Sie ihre E-Mail und Social-Media-Links hinzu (optional)
7. Klicken Sie erneut auf Zeile hinzufügen für das nächste Teammitglied
8. Wiederholen Sie dies für jede Person im Team
9. Ziehen Sie die Zeilen an ihren Griffen, um die Teammitglieder neu anzuordnen (z. B. Führungskräfte zuerst, dann alphabetisch)
10. Klicken Sie auf Aktualisieren, um die Seite zu speichern

Schritt 4: Anzeige-Muster

Ihr Entwickler implementiert die Frontend-Anzeige. Hier sind gängige Layout-Optionen, die Sie mit ihm besprechen sollten:

Teammitglieder werden in einem responsiven Raster angezeigt — typischerweise 3-4 pro Reihe auf Desktop, 2 auf Tablet, 1 auf Mobil. Jede Karte zeigt das Foto, den Namen, die Berufsbezeichnung, und ein Hover-Effekt zeigt die Biografie und Social Links. Am besten für Teams von 6-20 Personen.

Eine vertikale Liste mit dem Foto links und den Details rechts. Jeder Eintrag nimmt die volle Breite ein. Besser für kleinere Teams (3-6 Personen), bei denen Sie mehr von dem Biografie-Text zeigen möchten.

Karten zeigen Foto, Namen und Titel. Ein Klick auf eine Karte öffnet ein Modal (Popup) mit der vollständigen Biografie, E-Mail und Social Links. Gut für große Teams (20+), bei denen es überwältigend wäre, alle Details auf der Seite anzuzeigen.

Wenn Ihr Team nach Abteilungen organisiert ist, fügen Sie ein Select-Unterfeld namens “Abteilung” mit Optionen wie “Führung”, “Technik”, “Design”, “Marketing” hinzu. Ihr Entwickler kann dann die Ausgabe nach Abteilung mit Abschnittsüberschriften gruppieren.

Tipps für Inhaltsmanager

• Foto-Konsistenz: Verwenden Sie Fotos, die dieselben Abmessungen und Stile haben (alle Porträts, alle quadratisch, derselbe Hintergrund). Dies schafft ein professionelles, einheitliches Erscheinungsbild.
• Biografie-Länge: Halten Sie Biografien auf 2-3 Sätze. Die Teamseite dient schnellen Vorstellungen, nicht vollständigen Lebensläufen.
• Reihenfolge: Stellen Sie Führungskräfte oder wichtige Kontakte zuerst. Innerhalb jeder Gruppe ist alphabetisch nach Nachnamen die Standardkonvention.
• Aktualisierungen: Wenn jemand das Team verlässt, entfernen Sie seine Zeile. Wenn jemand hinzukommt, fügen Sie eine neue Zeile an der entsprechenden Stelle hinzu. Klicken Sie auf Aktualisieren, um zu speichern.

—