ACF Pro: editierbare Webseite fuer Kunden bauen

ACF Pro ergaenzt eigene Felder: Texte, Bilder, Buttons, wiederkehrende Sektionen
Der Kunde pflegt Inhalte ueber Formulare, ohne Code oder Layout zu beruehren
Flexible Content baut Unterseiten aus fertigen Bloecken wie aus Bausteinen
Du waehlst ACF fuer Design 1:1 und schlanken Code statt langsamem Baukasten
Vereinfachtes Backend: der Kunde sieht nur seine Felder, der Rest ist ausgeblendet
[/dwb_keytakeaways]

Was ACF Pro ist und welches Problem es loest

ACF Pro, also Advanced Custom Fields, ist ein WordPress-Plugin, mit dem du jeder Seite eigene Bearbeitungsfelder hinzufuegst. Das klingt technisch, in der Praxis geht es aber um eine konkrete Sache: wie uebergibst du dem Kunden eine Seite, die er selbst aktualisiert, ohne dabei das Layout zu zerstoeren und ohne dich nach jeder Kleinigkeit anzurufen.

Stell dir die Sektion mit Kundenstimmen auf der Startseite vor. Ohne ACF bedeutet eine Aenderung dieser Stimmen, in den Code zu gehen oder die richtige Stelle in einem schweren Baukasten zu suchen. Mit ACF sieht der Kunde ein einfaches Formular: ein Feld fuer den Namen, ein Feld fuer den Text der Bewertung, ein Feld fuer die Sternebewertung. Eintragen, speichern, fertig. Das Design bleibt unberuehrt, weil das Aussehen im Template festgelegt ist und der Kunde ausschliesslich den Inhalt verwaltet.

Das veraendert die Beziehung zum Kunden. Statt einer Seite, bei der jede Aenderung den Entwickler braucht, bekommt er ein Werkzeug, mit dem er selbst steuert, was sich aendern soll. Und du verlierst keine Zeit mit Korrekturen wie "bitte die Telefonnummer im Footer aendern".

Eigene Felder: woraus ACF besteht

Die ganze Idee von ACF steht auf Feldern. Ein Feld ist ein einzelnes Element, das der Kunde bearbeiten kann. Du definierst einmal, wo es erscheint und welchen Typ es hat, danach fuellt der Kunde nur noch den Inhalt aus. Die wichtigsten Feldtypen:

• Text und Textbereich: Ueberschriften, kurze Beschreibungen, laengere Absaetze. Die Basis jeder editierbaren Sektion.
• Bild und Galerie: ein Bild aus der Mediathek hochladen, in der Pro-Version auch eine ganze Bildergalerie in einem Feld.
• Link und Button: ein Feld fuer die URL und den Button-Text, damit der Kunde selbst aendert, wohin der Button fuehrt.
• Auswahlliste und Schalter: zum Beispiel eine Sektion ein- oder ausblenden, eine Farbvariante aus einer Liste waehlen.
• Repeater: wiederkehrende Zeilen. Ideal fuer eine Leistungsliste, das Team, FAQ oder eine Preisliste, bei der der Kunde selbst Eintraege hinzufuegt.

Felder werden in logische Sektionen gruppiert und konkreten Orten zugewiesen: dieser Unterseite, diesem Beitragstyp, diesem Template. Der Kunde oeffnet die Bearbeitung der Seite und sieht einen geordneten Satz Felder, menschlich beschriftet, statt rohem Code.

Flexible Content: die Seite wie aus Bausteinen

Flexible Content ist die Funktion, fuer die ich am haeufigsten zur Pro-Version greife. Sie erlaubt eine Bibliothek fertiger Bloecke zu bauen, aus denen der Kunde eine Unterseite in beliebiger Reihenfolge zusammensetzt. Jeder Block ist eine vorbereitete Sektion: ein Banner, zwei Spalten Text plus Bild, eine Galerie, eine Liste mit Bewertungen, eine Preissektion, ein Block mit Call-to-Action.

Auf der Unterseite sieht der Kunde den Button "Sektion hinzufuegen", waehlt den Blocktyp aus einer Liste und fuellt dessen Felder. Er kann drei Banner und zwei Galerien hinzufuegen, ihre Reihenfolge aendern, ueberfluessige entfernen. Die ganze Zeit bewegt er sich innerhalb der gestalteten Bloecke, eine haessliche Seite laesst sich also nicht bauen. Das verbindet die Flexibilitaet eines Baukastens mit der Kontrolle ueber das Design, die ein Baukasten nicht bietet.

In der Praxis bereite ich fuer eine Firmenseite einige bis zu einem Dutzend Blocktypen vor, die den Bedarf des Kunden abdecken. Aus diesem Satz erstellt der Kunde neue Unterseiten selbst, ohne Entwickler, und jede sieht stimmig aus, weil sie dieselben gestalteten Komponenten nutzt.

1. 1
   Grafikentwurf und Aufteilung in wiederkehrende Sektionen (Bloecke)
2. 2
   Definition der Felder und Gruppen in ACF fuer jeden Blocktyp
3. 3
   PHP-Templates schreiben, die die Felder im Theme-Code ausgeben
4. 4
   Backend vereinfachen und Felder in der Sprache des Kunden beschriften
5. 5
   Kurze Schulung oder Aufnahme, wie der Kunde seine Seite pflegt

Wann ACF, wann Gutenberg oder Elementor

ACF ist nicht die Antwort auf alles. Es gibt Faelle, in denen der Block-Editor Gutenberg oder ein Baukasten wie Elementor besser passt. Die Wahl haengt von drei Dingen ab: wie genau das Design zum Entwurf passen soll, wie schwer der Code sein darf und wer die Inhalte pflegt.

Aus meiner Erfahrung: ACF waehle ich fuer Seiten, die exakt wie das Mockup aussehen, schnell sein und eine auf das Noetige beschraenkte Pflege haben sollen. Gutenberg passt, wenn der Kunde mehr Freiraum beim Inhaltsaufbau will, etwa ein umfangreicher Blog. Elementor nimmt, wer eine Seite sehr schnell aufsetzen muss und schwereren Code sowie weniger Kontrolle ueber das Endergebnis akzeptiert.

Pflege durch den Kunden und vereinfachtes Backend

Die blosse Moeglichkeit zur Bearbeitung reicht nicht. Wenn du dem Kunden das volle WordPress-Backend mit Dutzenden Menues, Plugins und Einstellungen vorsetzt, verliert er den Ueberblick und ruft an. Deshalb ergaenze ich jede ACF-Umsetzung um eine Vereinfachung des Backends, damit der Kunde nur sieht, was er braucht.

• Ueberfluessige Menues ausblenden: der Kunde braucht keine Plugins, keine Theme-Einstellungen, keinen Code-Editor. Ich lasse Seiten, Beitraege, Medien und seine Felder stehen.
• Rolle Redakteur statt Administrator: der Kunde verwaltet Inhalte, fasst aber keine technischen Einstellungen an, die er zerstoeren koennte.
• Klare Labels und Hinweise: jedes Feld menschlich beschriftet, mit kurzer Anleitung, was hier einzutragen ist.
• Globale Options-Seite: Kontaktdaten, Social-Media-Links oder der Footer-Text an einer Stelle, einmal fuer die ganze Seite gepflegt.

Das Ergebnis: der Kunde aktualisiert seine Seite nach einer kurzen Schulung oder einem 5-Minuten-Video selbst. Er aendert das Angebot, fuegt Bewertungen hinzu, tauscht Bilder in der Galerie. Ohne Entwickler, ohne Risiko, etwas kaputtzumachen, ohne auf einen freien Termin zu warten.

Anwendungsbeispiele aus echten Projekten

Damit das nicht nur Theorie bleibt, einige typische Einsaetze von ACF Pro, die ich am haeufigsten umsetze:

• Leistungsseite: eine Sektion mit Leistungsliste ueber Repeater, in der der Kunde selbst weitere Leistungen mit Icon, Titel und Beschreibung hinzufuegt.
• Teamseite: wiederkehrende Personenkarten, der Kunde fuegt einen neuen Mitarbeiter mit Name, Position, Bild und kurzer Beschreibung hinzu.
• Startseite mit Flexible Content: der Kunde setzt sie aus Bloecken zusammen, aendert die Reihenfolge der Sektionen und tauscht Inhalte, ohne den Code zu beruehren.
• Preisliste: eine Preistabelle ueber Repeater, der Kunde aktualisiert Tarife und Pakete, wenn sich das Angebot aendert.
• Globale Kontaktdaten: Telefon, E-Mail, Adresse und Oeffnungszeiten einmal auf der Options-Seite gepflegt, ueberall auf der Seite sichtbar.

In jedem dieser Faelle gewinnt der Kunde Selbststaendigkeit dort, wo er sie braucht, und Layout sowie Design bleiben unter Kontrolle. Diese Balance liefert weder das nackte Gutenberg (zu viel Freiraum) noch Elementor (zu leicht zu zerstoeren).

Lizenzkosten und wann es sich lohnt

ACF hat eine kostenlose Version, die fuer einfache Felder reicht: Text, Bild, Link, Auswahlliste. Fuer kommerzielle Kundenseiten nehme ich aber immer die Pro-Version, denn sie liefert Repeater, Flexible Content, Galerien und Options-Seiten, also die Funktionen, auf denen die ganze Idee einer editierbaren Seite steht.

Die Preisliste von ACF Pro (das Plugin gehoert zu WP Engine) hat 2026 drei Stufen. Der Personal-Plan kostet etwa 49 Dollar im Jahr fuer eine Seite. Der Freelancer-Plan etwa 149 Dollar im Jahr fuer maximal 10 Seiten. Der Agency-Plan etwa 249 Dollar im Jahr fuer unbegrenzt viele Seiten, am besten fuer Agenturen und alle, die viele Projekte umsetzen. Es ist eine Jahreslizenz mit Updates und Support. Die Seite laeuft nach Ablauf weiter, aber ohne Updates, bei einem Produktivprojekt lohnt sich die Verlaengerung also.

Im Rahmen des gesamten Projekts ist das ein symbolischer Betrag im Verhaeltnis zum Wert, den dem Kunden die Selbststaendigkeit und der schlanke, schnelle Code bringen. Wenn du viele Seiten baust, amortisiert sich der Agency-Plan blitzschnell, weil er alle Projekte mit einer Gebuehr abdeckt.

Bei DawidWeb baue ich Seiten genau auf ACF Pro, wenn der Kunde Design 1:1 zum Entwurf, eine schnelle Seite und die Moeglichkeit zur eigenen Pflege ohne Layout-Schaden will. Ich waehle die Bloecke nach dem echten Bedarf, vereinfache das Backend und uebergebe dem Kunden ein fertiges Werkzeug mit kurzer Anleitung. Webseiten beginne ich ab 600 Euro, ich habe ueber 120 Projekte umgesetzt, und ein Angebot fuer deine konkrete Umsetzung bekommst du innerhalb von 24 Stunden.