Aller au contenu
themeforge
FR
Commencer gratuitement
Menu
  1. Accueil
  2. Référence des attributs
  3. fld-text
Essentiels Textes et images

Rendre modifiable un titre, une légende ou un prix

fld-text="Nom du champ"

L’attribut le plus courant : un champ texte d’une ligne dans l’administration. Le client change les mots, le design reste tel quel.

Où le placer

Sur l’élément qui contient le texte : un titre, un paragraphe, un <span> avec un prix, le texte d’un lien. La valeur de l’attribut est le libellé du champ dans l’administration : écrivez-la de façon que le client la comprenne.

Le texte présent aujourd’hui dans le HTML devient la première valeur du champ quand vous cliquez sur « Charger les données » dans l’administration.

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

Exemple : la bannière de la page d’accueil

Balisage index.html
<section class="hero">
  <p class="eyebrow" fld-text="Eyebrow">Open every day</p>
  <h1 fld-text="Hero title">Coffee for slow mornings</h1>
  <span class="price" fld-text="Latte price">$4.20</span>
</section>
Dans l’administration Pages → Home
Eyebrow Open every day
Hero title Coffee for slow mornings
Latte price $4.50
Sur le site après une modification

Open every day

Coffee for slow mornings
Latte $4.50

Le client a changé le prix en $4.50 ; le balisage n’a pas changé.

À retenir

  • Le champ remplace tout le contenu de l’élément, balises comprises. Si une partie du titre a son propre style, donnez-lui son propre champ.
  • Un seul champ par nom dans un groupe : deux éléments avec fld-text="Price" affichent la même valeur.
  • Un champ vide n’affiche rien : le texte du HTML n’est que la valeur de départ, pas une valeur de secours.
  • Pour plusieurs lignes, utilisez fld-area ; pour un texte mis en forme, fld-editor.

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
<h1 fld-text="Hero title">Coffee for
  <span class="accent">slow mornings</span></h1>

Le champ prend tout le titre : le <span> d’accentuation et son style disparaissent. Le journal ne signale rien.

Correct
<h1><span fld-text="Hero title">Coffee for</span>
  <span class="accent" fld-text="Hero accent">slow mornings</span></h1>

Chaque partie stylée a son propre champ.

À éviter
<h1 fld-text="">Coffee for slow mornings</h1>

Sans nom : le journal de génération signale l’attribut, et le texte reste figé.

Correct
<h1 fld-text="Hero title">Coffee for slow mornings</h1>

Chaque champ a un nom.

Le même dans les réglages du site ou sur une catégorie
fld-textsur une page ou un article, comme ci-dessus
opt-textdans les réglages du site : une seule valeur pour toutes les pages, comme un téléphone dans l’en-tête
tax-textsur une catégorie ou une étiquette : chaque terme a sa propre valeur
Format alternatif

f_text, o_text, t_text 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.