Unser Affiliate Theme ist da! Spare 10% mit dem Gutschein DRWP10 - mehr erfahren!

Advanced Custom Fields – Das Repeater Field

In meiner Liebeserklärung an ACF hatte ich euch versprochen noch näher auf dieses Plugin einzugehen und euch weitere tolle Features zu präsentieren. In diesem Artikel werde ich das Premium Add-On „Repeater Field“ näher erläutern. Dieses Add-On lässt sich sehr vielseitig einsetzen.

Doch was macht das Repeater Field überhaupt?

Dieses Add-On stellt euch ein spezielles Feld zur Verfügung, mit Hilfe dessen Ihr wiederholbare Felder erstellen könnt. Man muss dem Editor keine festen Felder vorgeben, sondern kann dies Variabel gestalten. Oftmals kommt dies für Produkteigenschaften zum Einsatz – so ist der Editor flexibel und kann für jedes Produkt individuelle Eigenschaften festlegen und ist nicht auf eine Vorgabe beschränkt.

Wie funktioniert das?

Ich gehe mal näher auf das oben genannte Beispiel mit den Produkteigenschaften ein. Wenn du auf einer Seite ein Produkt vorstellst, kannst du z.B. unterhalb des Inhaltes die Eigenschaften in einer Tabelle darstellen. Dazu muss zunächst ein Repeater-Feld angelegt werden. Ich nutze hierfür folgende Felder:

  • Eigenschaft
  • Wert
acf-repeater-1

Etwas weiter unten kannst du noch weitere Einstellungen vornehmen.

  • Minimum Rows: Mindestens x-Einträge von diesem Repeater Field notwendig
  • Maximum Rows: Maximal x-Einträge von diesem Repeater Field erzeugen, bei Maximum bekommt der Editor eine Meldung.
  • Layout: Hier kannst du zwischen zwei Möglichkeiten auswählen. Bei der Tabelle werden die Felder nebeneinander gesetzt. Du kannst den Feldern auch jeweils eine maximale Breite zuordnen. In der Row-Ansicht werden die Felder untereinander dargestellt – ist bei vielen Feldern oftmals übersichtlicher.
  • Button Label: Mit diesem Text wird der Button beschriftet, den der Editor sieht wenn er ein neues Feld anlegen möchte.

Sobald Ihr das Repeater-Feld erstellt habt, erscheint es an der gewünschten Stelle. So sieht es bei mir aus:

acf-repeater-2

Integration im Theme

Wie auch normale Felder lassen sich die Repeater-Felder sehr einfach, mit vorhandenen Funktionen, in das Theme integrieren.

Eine grundlegende Abfrage sieht so aus:

if( have_rows('repeater_field_name') ):
	while ( have_rows('repeater_field_name') ) : the_row();
		the_sub_field('sub_field_name');
	endwhile;
endif;

Angepasst an unser Beispiel, mit einer Tabelle, würde die Abfrage so aussehen:

if( have_rows('produkteigenschaften') ):
	echo '<table>'; 
		while ( have_rows('produkteigenschaften') ) : the_row(); 
			echo '<tr>'; 
				echo '<td>'.get_sub_field('wert').'</td>';
				echo '<td>'.get_sub_field('eigenschaft').'</td>';
			echo '</tr>';
		endwhile;
	echo '</table>';
endif;

Weitere Beispiele findet Ihr in der Dokumentation.

Fazit: Das Add-On ist für einen Preis von 25$ erhältlich und meiner Meinung nach sein Geld auch Wert. Mit etwas Fantasie lassen sich mit diesem Feld nahezu alle denkbaren Kombinationen erstellen, hier mal einige Beispiele: Slideshows, Bildergalerien, Kundenmeinungen, Tabellen (Termine, Eigenschaften, Routen etc.), Mitglieder (z.B. eine Übersicht des Teams), uvm.

Über Christian

Die Webentwicklung ist seit 2006 ein großer Teil meines Lebens und seit 2010 kann ich damit auch meine Brötchen verdienen. Ich beschäftige mich speziell mit WordPress und entwickle auch eigene Themes. Die Anpassungsfähigkeit von Wordpress begeistert mich immer wieder, daher möchte ich euch interessante Snippets und Plugins nicht vorenthalten.

WordPress Affiliate ThemeAnzeige

4 Kommentare

Avatar von Patrick

Patrick 11. September 2014 um 14:13

Sehr gut geschrieben! War für mich zwar nichts neues bei aber dennoch nützlich! Aber die anderen Add-ons von ACF sind auch nicht zu Missachten. Dabei ist das Repeater Field und das Options Page Add-on für mich das was ich am meisten nutze.

Antworten
Avatar von André

André 11. September 2014 um 15:12

Danke für dein Feedback. ;) Die anderen wir Chris auch noch nach und nach angehen. :)

Antworten
Avatar von Thomas Klinger

Thomas Klinger 29. Oktober 2015 um 10:41

Ich brauche Hilfe für die Realisierung einer Bilddatenbank in WP, speziell bei der Programmierung passend zu ACF

Antworten
Avatar von André

André 29. Oktober 2015 um 10:55

Hallo Thomas, wir führen auch Auftragsarbeiten durch (Hauptgeschäft ist ja unsere Agentur). Wenn du magst kannst du uns ja mal ein kleines Briefing an mail@endcore.com schicken und dann schauen wir mal, was wir machen können. :)

Antworten

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <strong>, <em>, <u>, <a href="">, <del>, <ul>, <ol>, <blockquote>. Für Code benutze bitte pastebin.com und kopiere den Link in dein Kommentar.
*
*