Certains mots peuvent se couper maladroitement, notamment dans les titres longs ou sur les affichages tablette et mobile.
Pour contrôler précisément l’endroit où un mot peut être coupé, on utilise une césure manuelle grâce au caractère spécial :
­
Ce caractère indique au navigateur : « Si nécessaire, coupe le mot exactement ici ».
Toujours utiliser le mode Code#
L’ajout de ­ nécessite impérativement l’utilisation du mode Éditeur de code.
En mode visuel, WordPress peut :
- interpréter ou transformer le code,
- masquer certains caractères,
- empêcher une insertion propre.
Pour garantir un résultat fiable, il faut donc passer en mode code.
Où se trouve le bouton « Éditeur de code » ?#
Dans l’éditeur Gutenberg :#
- Regardez en haut à droite de l’interface.
- Cliquez sur le bouton
⋮(les trois points verticaux). - Dans le menu déroulant, sélectionnez :
Éditeur → Éditeur de code
Vous êtes alors en mode code complet de la page.
Pour revenir au mode visuel :
⋮→Éditeur→Éditeur visuel- Ou cliquer sur « Sortir de l’éditeur de code » en haut à droite.
Champ WYSIWYG (ACF ou bloc personnalisé) :#
Si vous travaillez dans un champ WYSIWYG :
- Localisez le bloc concerné.
- Cliquez sur les trois points du bloc (menu du bloc).
- Sélectionnez :
Modifier en HTML
Vous passez alors en mode code du bloc uniquement.
C’est dans ce mode que vous devez insérer des caractères spéciaux HTML.
Ne pas ajouter ce caractère en mode visuel.
Étapes pour ajouter une césure#
1. Localiser le mot#
Dans le mode code :
- Utiliser
CTRL + F(Windows) - Ou
⌘ + F(Mac)
pour retrouver le mot à modifier.
2. Ajouter le caractère ­#
Insérer le caractère exactement à l’endroit où la coupure doit être autorisée.
Exemple#
| Mot initial | Développement |
| Mot avec césure | Dévelop­pement |
| Résultat attendu : Si la largeur du conteneur ne permet pas d’afficher le mot en entier. | Dévelop- pement |
4. Mettre à jour la page#
Après modification :
- Cliquer sur Mettre à jour pour enregistrer les changements.
- Vérifier le rendu en version tablette et mobile si nécessaire.
Bonnes pratiques#
- Ajouter des césures uniquement sur les mots longs problématiques.
- Placer la césure à un endroit linguistiquement cohérent.
- Éviter d’en abuser pour ne pas alourdir le code.
Une césure bien placée améliore la lisibilité et garantit un rendu propre sur tous les supports.