Dans un bloc Titre ou un bloc Bouton, tout n’est pas modifiable au même titre : le fond, la bordure ou l’alignement se règlent depuis les panneaux latéraux, mais le texte lui-même se saisit directement au clic, à l’endroit où il s’affichera. Cette portion cliquable et éditable en place, avec son curseur de texte et sa mise en forme en ligne, constitue la zone modifiable du bloc, souvent la seule partie du bloc qui réagisse comme un champ de texte classique.
Fonctionnement dans WordPress
Dans la grande majorité des blocs natifs, cette zone est produite par le composant RichText, qui synchronise ce qui est tapé avec un attribut de type HTML déclaré dans block.json. Un bloc peut contenir plusieurs zones modifiables distinctes (par exemple une légende et un texte alternatif séparés dans un bloc Image), chacune reliée à son propre attribut, ou n’en avoir aucune s’il ne gère que des médias ou une disposition.
Cas pratique
- Cliquer directement sur le texte d’un bouton pour le modifier, sans passer par un champ séparé dans la barre latérale.
- Sélectionner une portion de texte à l’intérieur d’une zone modifiable pour faire apparaître la barre de mise en forme en ligne (gras, italique, lien).
À ne pas confondre avec
Un champ de la barre latérale des réglages, qui modifie aussi un attribut du bloc mais via un formulaire séparé, sans édition directe dans l’aperçu du contenu : la zone modifiable se distingue justement par son édition « en place », au plus près du rendu final. Elle diffère aussi d’un simple champ de saisie HTML classique (<input>) : une zone modifiable accepte du contenu enrichi (gras, italique, lien) et produit du HTML, là où un champ de formulaire classique ne renvoie qu’une chaîne de texte brut sans mise en forme possible.
Bon à savoir
Une zone modifiable vide affiche généralement un texte d’espace réservé, défini via la prop placeholder de RichText, qui disparaît dès la première saisie et n’est jamais enregistré comme contenu réel de l’article, contrairement à un texte tapé puis effacé qui peut laisser une balise vide dans le HTML sauvegardé.