Teste Field Forge — Live-Demo des Custom Fields Plugins

Keine Anmeldung. Keine E-Mail. Nur eine funktionierende WordPress-Sandbox, die Sie nutzen können, um benutzerdefinierte Feldgruppen mit Field Forge zu erstellen, zu bearbeiten und abzufragen.

---

1. Erstellen Sie eine Feldgruppe im visuellen Editor

Die Sandbox öffnet sich mit einer leeren Feldgruppe. Ziehen Sie Feldtypen aus der linken Palette — Text, Bild, Wiederholer, Beziehung, alles von den 32 verfügbaren Typen — und lassen Sie sie in die Gruppe fallen, und bearbeiten Sie die Einstellungen inline. Sehen Sie die Vorschau in Echtzeit aktualisiert.

[Öffnen Sie die Sandbox des visuellen Builders →]

Probieren Sie Folgendes aus: Ziehen Sie ein Überschrift-Feld, ein Textfeld, ein Bildfeld und ein Wiederholer-Feld. Fügen Sie im Wiederholer weitere Unterfelder hinzu. Speichern. Sie sehen auf der anderen Seite einen funktionierenden Beitrag-Bearbeitungsbildschirm.

---

2. Generieren Sie eine Feldgruppe mit KI

Klicken Sie auf KI generieren in der Sandbox. Geben Sie eine Beschreibung ein:

• „Hero-Bereich mit Titel, Untertitel, Hintergrundbild und CTA-Button“
• „Teammitglied-Karte mit Foto, Name, Rolle, Biografie und sozialen Links“
• „Produktdetails mit Preis, Beschreibung, Merkmale-Liste und Galerie“
• „FAQ-Bereich mit wiederholenden Fragen- und Antwortpaaren“

Sehen Sie zu, wie Field Forge die komplette Feldgruppe in weniger als 5 Sekunden zusammenstellt. Bearbeiten Sie alles im visuellen Builder danach.

Versuchen Sie die KI-Schema-Generierung →

---

3. Verwenden Sie get_field() im Template-Code

Die Sandbox enthält eine Vorschau des Template-Codes. Nachdem Sie eine Feldgruppe erstellt haben, wechseln Sie zur Registerkarte Template-Code, um Beispiel-PHP mit ACF-kompatiblen Funktionen zu sehen:

// Funktioniert mit Field Forge, ACF und SCF
$hero_title = get_field('hero_title');
$hero_image = get_field('hero_image');

if (have_rows('team_members')) {
    while (have_rows('team_members')) {
        the_row();
        echo get_sub_field('name');
    }
}

Kopieren Sie es, fügen Sie es in Ihr Theme ein, und es funktioniert auf jeder Seite, die Field Forge, ACF oder SCF verwendet.

---

4. Sehen Sie TypeScript-Typen live generiert

Nachdem Sie eine Feldgruppe erstellt haben, öffnen Sie die Registerkarte TypeScript. Field Forge generiert automatisch die .d.ts-Definitionen für Ihre Gruppe:

interface HeroFields {
  hero_title: string;
  hero_subtitle: string;
  hero_image: WPImage;
  cta_button: {
    text: string;
    url: string;
  };
}

Laden Sie die .d.ts-Datei herunter oder kopieren Sie sie in die Zwischenablage. Verwenden Sie sie in Ihrem Next.js / Astro / Nuxt-Frontend für typensicheren Zugriff auf benutzerdefinierte Felder.

Sehen Sie die TypeScript-Generierung →

---

5. Importieren Sie eine Beispiel-ACF-Feldgruppe

Klicken Sie auf ACF-Beispiel importieren, um eine vorgefertigte ACF-Feldgruppe in die Sandbox zu laden. Sie werden sehen:

• Die Feldgruppe wurde mit allen Typen importiert
• Die ACF-Kompatibilitätsschicht ist automatisch aktiv
• Ein simuliertes Theme-Template, das die importierten Daten rendert
• Ein Migrationsbericht, der 0 Fehler, 0 Warnungen zeigt

Dies simuliert, was auf einer echten Seite passiert, wenn Sie von ACF oder SCF migrieren. Keine Theme-Neuschreibungen. Gleiche get_field()-Aufrufe. Unterschiedliche Speicher-Engine im Hintergrund.

---

Probieren Sie es auf Ihrer eigenen Seite aus

Der beste Weg, um zu sehen, ob Field Forge passt, ist, es zu installieren. Die kostenlose Version auf WordPress.org umfasst den visuellen Builder, grundlegende Feldtypen und die ACF-Kompatibilitätsschicht.

[Laden Sie die kostenlose Version herunter →] Oder holen Sie sich den kostenpflichtigen Plan — ab $35/Jahr →

---

Wünschen Sie eine persönliche Einführung?

Buchen Sie einen 20-minütigen Anruf mit unserem Team. Wir installieren Field Forge auf einer Staging-Kopie Ihrer Seite, führen eine ACF- oder SCF-Migration gegen Ihre bestehenden Feldgruppen durch und führen Sie durch den visuellen Builder, die KI-Generierung und den TypeScript-Export.

Vereinbaren Sie einen Demo-Anruf →