Aller au contenu
themeforge
FR
Commencer gratuitement
Menu
  1. Accueil
  2. Référence des attributs
  3. opt-loop
Essentiels Réglages du site

Une seule liste pour tout le site

opt-loop="Nom de la liste"

Les liens vers les réseaux sociaux dans le pied de page, les adresses de vos boutiques, les logos des partenaires : une liste rangée dans les réglages du site. Le client la modifie une seule fois pour toutes les pages.

Où le placer

Sur le bloc des éléments répétés, dans theme-options.html. À l’intérieur, de simples fld-text et fld-link deviennent les parties d’une ligne.

En bas de chaque page, le même bloc avec le même nom affiche la liste.

Le champ n’apparaît dans l’administration que si la page a un nom de groupe : wp-fields-group sur son <body>.

Exemple : les réseaux sociaux du pied de page

Balisage 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>
Dans l’administration 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
Sur le site le pied de page

© 2026 Warm Corner

Instagram Facebook Telegram

Le client a ajouté Telegram dans les réglages.

À retenir

  • Tout ce qui vaut pour fld-loop s’applique : balisez chaque élément ; le premier qui porte des champs sert de modèle.
  • Un élément sans attributs n’est pas repris dans les réglages par « Charger les données ».

Erreurs fréquentes

Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.

À éviter
<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>

Le deuxième lien n’a pas d’attributs : « Charger les données » n’apporte qu’Instagram dans les réglages, et le journal ne signale rien.

Correct
<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>

Chaque lien est balisé.

Format alternatif

o_loop fonctionne de la même façon : la génération donne un thème identique.

Utilisé dans les recettes

Prêt quand vous l’êtes

Découvrez l’administration WordPress de votre site avant de payer.