Un texte mis en forme avec un éditeur visuel
fld-editor="Nom du champ" L’éditeur visuel de WordPress dans un seul champ : titres, listes, gras, liens et images. Pour un bloc « À propos », un récit ou des conditions générales.
Où le placer
Sur un bloc qui contient le texte mis en forme, en général un <div> (dans Webflow, un élément Rich Text). Tout le contenu du bloc, avec ses balises, devient la valeur de départ du champ.
Le champ n’apparaît dans l’administration que si la page a un nom de groupe : wp-fields-group sur son <body>.
Exemple : le bloc « Our story »
<div class="story w-richtext" fld-editor="Our story">
<h2>Our story</h2>
<p>We opened in 2019 with one grinder
and a borrowed espresso machine.</p>
</div>We opened in 2019 with one grinder and a borrowed espresso machine.
Now we roast our own beans.
Le client a ajouté un paragraphe dans l’éditeur.
À retenir
- Placez-le sur un
<div>. WordPress entoure lui-même le texte de paragraphes. - Le style des titres et des paragraphes à l’intérieur vient du CSS du site pour ce bloc : stylez les balises qu’il contient, pas des classes séparées.
- Pour un texte brut sans mise en forme, fld-area est plus simple pour le client.
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.
<p class="lead" fld-editor="Intro">Open every day.</p>Sur un paragraphe : les paragraphes de l’éditeur se retrouvent à l’intérieur, et le navigateur casse la mise en page. Le journal ne signale rien.
<div class="lead" fld-editor="Intro">Open every day.</div>Sur un <div>.
Le même dans les réglages du site ou sur une catégorie
fld-editor | sur une page ou un article |
|---|---|
opt-editor | dans les réglages du site |
tax-editor | sur une catégorie ou une étiquette, comme une description de catégorie |
Format alternatif
f_editor, o_editor, t_editor fonctionne de la même façon : la génération donne un thème identique.