Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. opt-loop
Kernattribut Website-Einstellungen

Eine Liste für die ganze Website

opt-loop="Listenname"

Social-Media-Links im Footer, die Adressen deiner Filialen, Partnerlogos: eine Liste, die dein Kunde in den Website-Einstellungen pflegt und einmal für alle Seiten bearbeitet.

Wo es hingehört

An den Block mit den sich wiederholenden Einträgen auf theme-options.html. Darin werden einfache fld-text und fld-link zu den Teilen eines Eintrags.

Im Footer jeder Seite zeigt derselbe Block mit demselben Namen die Liste.

Das Feld erscheint im Adminbereich nur, wenn die Seite einen Gruppennamen hat: wp-fields-group auf ihrem <body>.

Beispiel: Social-Media-Links im Footer

Markup theme-options.html
<div class="socials" opt-loop="Social links">
  <a href="https://instagram.com/warmcorner" fld-link="Social URL">
    <span fld-text="Social name">Instagram</span></a>
  <a href="https://facebook.com/warmcorner" fld-link="Social URL">
    <span fld-text="Social name">Facebook</span></a>
</div>
Im Adminbereich ThemeForge → Options
Social links
1
Social URL https://instagram.com/warmcorner
Social name Instagram
2
Social URL https://facebook.com/warmcorner
Social name Facebook
3
Social URL https://t.me/warmcorner
Social name Telegram
Add Row
Auf der Website der Footer

© 2026 Warm Corner

Instagram Facebook Telegram

Der Kunde hat Telegram in den Einstellungen hinzugefügt.

Worauf es ankommt

  • Alles aus fld-loop gilt auch hier: Zeichne jeden Eintrag aus; der erste mit Feldern ist die Vorlage.
  • Einen Eintrag ohne Attribute überträgt „Daten laden“ nicht in die Einstellungen.

Typische Fehler

Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.

So nicht
<div opt-loop="Social links">
  <a href="https://instagram.com/warmcorner" fld-link="Social URL">
    <span fld-text="Social name">Instagram</span></a>
  <a href="https://facebook.com/warmcorner">Facebook</a>
</div>

Der zweite Link hat keine Attribute: „Daten laden“ überträgt nur Instagram in die Einstellungen, und das Protokoll meldet nichts.

So geht’s
<div opt-loop="Social links">
  <a href="https://instagram.com/warmcorner" fld-link="Social URL">
    <span fld-text="Social name">Instagram</span></a>
  <a href="https://facebook.com/warmcorner" fld-link="Social URL">
    <span fld-text="Social name">Facebook</span></a>
</div>

Jeder Link ist ausgezeichnet.

Alternative Schreibweise

o_loop funktioniert genauso: Der Build ergibt ein identisches Theme.

In diesen Rezepten verwendet

Wenn du so weit bist

Sieh dir den WordPress-Adminbereich deiner Website an, bevor du zahlst.