Was ist Advanced Custom Fields?

Advanced Custom Fields, kurz ACF, ist ein WordPress-Plugin, mit dem du benutzerdefinierte Felder (Custom Fields) erstellen kannst, um zusätzliche Daten zu Beiträgen, Seiten oder anderen Inhalten hinzuzufügen. Es macht das Hinzufügen und Verwalten von Infos wie Preisen, Bildern oder Texten super einfach, ohne komplizierten Code.

 Was kannst du damit machen?

•  Felder erstellen: Füge Textfelder, Bilder, Datumsauswahlen, Checkboxen oder sogar komplexe Dinge wie Galerien hinzu.
•  Überall nutzen: Platziere Felder bei Beiträgen, Seiten, Benutzern oder eigenen Beitragstypen.
•  Einfache Verwaltung: Im Backend siehst du übersichtliche Eingabefelder, die du direkt ausfüllen kannst.
•  In Themes einbinden: Mit Funktionen wie the_field(‚feldname‘) zeigst du die Daten in deinem Design an.
•  Kompatibel: Funktioniert mit Gutenberg, Bricks, Elementor und Co. 

Versionen von ACF

 Kostenlos: Im WordPress-Verzeichnis, mit grundlegenden Feldern wie Text oder Bild.

 Pro (ca. 25 USD/Jahr): Mit Extras wie Repeater-Feldern (für wiederholbare Inhalte) oder flexiblen Layouts.

Warum ACF nutzen?

•  Einfach: Auch ohne Programmierkenntnisse kannst du Inhalte strukturieren.
•  Spart Zeit: Schneller als manuelle Custom Fields.
•  Flexibel: Perfekt für Blogs, Shops oder große Websites.
•  SEO-Plus: Strukturierte Daten helfen bei Google. 

Beispiel anhand einer Tierheim-Webseite

Du betreibst eine Website für ein Tierheim und möchtest für jedes Tier (z. B. Hunde, Katzen) Details wie Rasse, Alter, Geschlecht und Beschreibung anzeigen. Dafür nutzt du ACF, um die Daten strukturiert zu speichern und auf der Website darzustellen.

Schritt-für-Schritt: ACF für die Daten einzelner Tiere

 ACF installieren: Lade die kostenlose Version von ACF aus dem WordPress-Plugin-Verzeichnis oder die Pro-Version für erweiterte Funktionen. Installiere und aktiviere das Plugin.

 Feldgruppe erstellen:  Gehe zu „Custom Fields“ > „Feldgruppe hinzufügen“ im WordPress-Dashboard. Nenne die Gruppe z. B. „Tier-Details“.

 Füge nun folgende Felder hinzu:

Textfeld: „Name“ (z. B. „Mali“ oder „Elli“).

Textfeld: „Rasse“ (z. B. „Labrador“ oder „Maine Coon“).

Zahlenfeld: „Alter“ (z. B. „3“ für 3 Jahre).

Auswahlfeld (Select): „Geschlecht“ mit Optionen „Männlich“, „Weiblich“.

Textbereich (Textarea): „Beschreibung“ (für eine kurze Story des Tiers).

Bildfeld: „Tierfoto“ (für ein Bild des Tiers).

Stelle ein, dass die Feldgruppe nur für den Beitragstyp Beiträge angezeigt wird.

Felder im Backend ausfüllen: Erstelle einen neuen Beitrag (z. B. „Elli der Labrador“). Unter dem Titel und Texteditor siehst du die neuen Felder, die du dann direkt im Backend ausfüllen kannst.

Einbinden in die Webseite (Frontend)

Bei sehr vielen Themes und Pagebuildern kannst du die ACF-Felder direkt als dynamische Daten in deine Seite einfügen. Möglich ist auch die Einbindung via Shortcode. Sonst ist etwas extra Code in eine PHP Datei (z.B. single.php) zu schreiben um die ACF-Felder anzeigen zu lassen.

Hast du die Ausgabe mittels einer der drei Methoden auf deiner Seite eingebunden, erscheint nun auf deiner Website die Ausgabe für jedes Tier, z. B.:

Elli
Bild: Foto von Elli
Rasse: Labrador
Alter: 3 Jahre
Geschlecht: Weiblich
Beschreibung: Elli ist eine verspielte Hündin, die gerne läuft und kuschelt.