Personnaliser l’éditeur WordPress : réglages et astuces pratiques

Pour personnaliser l’éditeur WordPress, commencez par ses préférences d’affichage et les réglages des blocs. Vous pouvez ensuite ajouter des fonctionnalités avec des extensions ou adapter ses styles à l’aide d’un thème enfant. La méthode dépend notamment de l’éditeur utilisé : l’éditeur de blocs ou l’éditeur classique.

Régler l’affichage de l’éditeur WordPress

L’éditeur de blocs permet de composer une page ou un article à partir d’éléments distincts : paragraphes, titres, images ou galeries. Chaque bloc possède ses propres réglages, accessibles lorsqu’il est sélectionné. Vous pouvez ainsi ajuster son alignement, ses couleurs ou sa typographie lorsque ces options sont disponibles.

Pour adapter votre espace de travail :

1. Dans l’administration WordPress, ouvrez Articles ou Pages, puis créez ou modifiez un contenu.
2. Ouvrez le menu d’options, représenté par trois points en haut de l’éditeur.
3. Consultez les modes d’affichage et les Préférences pour choisir les panneaux et outils utiles à votre travail.
4. Activez le mode sans distraction si vous souhaitez masquer une partie de l’interface pendant la rédaction.

Les options proposées peuvent varier selon votre installation et les extensions actives. Prenez aussi le temps de vérifier l’aperçu avant publication : l’apparence dans l’éditeur ne reproduit pas toujours exactement celle de la page publique.

Ajouter des outils avec des extensions d’édition

Une extension peut compléter les fonctions de l’éditeur sans modifier directement les fichiers du thème. Depuis Extensions > Ajouter, recherchez l’outil souhaité, installez-le puis activez-le. Consultez ensuite ses réglages et testez son fonctionnement sur un contenu avant de l’utiliser partout.

L’extension Advanced Editor Tools, anciennement TinyMCE Advanced, permet notamment d’adapter les boutons de l’éditeur classique et de réorganiser sa barre d’outils. Elle concerne aussi certaines fonctions utilisables avec l’éditeur de blocs. Les réglages disponibles dépendent de l’éditeur employé.

Vous pouvez également utiliser une extension prenant en charge Markdown si vous préférez rédiger avec cette syntaxe. Vérifiez sa compatibilité avec votre installation et son fonctionnement dans l’éditeur choisi avant de l’adopter.

Limitez-vous aux extensions dont vous avez réellement besoin : chacune ajoute des éléments à gérer. Une maintenance WordPress régulière permet notamment de garder une vue sur les extensions installées et leurs mises à jour.

Personnaliser les styles avec un thème enfant

Un thème enfant hérite des fonctionnalités et des styles d’un thème parent. Il permet d’ajouter vos propres modifications sans modifier directement les fichiers du parent, ce qui évite de les écraser lors d’une mise à jour de celui-ci.

Par exemple, avec le thème Twenty Seventeen, vous pouvez créer un thème enfant et y placer une feuille de style destinée à l’éditeur. Vous pouvez y ajuster la police, la couleur de fond ou les marges, selon le résultat recherché. Pour préparer cette personnalisation, consultez le guide pour personnaliser votre thème WordPress.

Charger une feuille de style dans l’éditeur classique

L’exemple suivant concerne l’éditeur classique, basé sur TinyMCE. Il charge un fichier nommé editor-style.css depuis le répertoire du thème enfant :

function my_theme_editor_styles( $mce_css ) {
    $stylesheet = get_stylesheet_directory_uri() . '/editor-style.css';

    return $mce_css ? $mce_css . ',' . $stylesheet : $stylesheet;
}
add_filter( 'mce_css', 'my_theme_editor_styles' );

Ajoutez ce code au fichier functions.php du thème enfant, puis créez le fichier editor-style.css dans le même répertoire. Par exemple, pour modifier la taille du texte dans l’éditeur classique :

body {
    font-size: 18px;
}

Le code PHP charge la feuille de style ; c’est la règle CSS qui définit la taille. Cette modification concerne l’éditeur classique et ne garantit pas le même rendu sur le site public. Avant de modifier les fichiers, faites une sauvegarde et testez vos changements dans un environnement de test si vous en disposez.

Réutiliser des blocs, modèles et shortcodes

Les blocs et les modèles permettent de gagner du temps lorsque vous créez plusieurs pages avec une structure similaire. Vous pouvez par exemple préparer une mise en page pour une page de destination ou une page de vente, puis la réutiliser et adapter son contenu.

Dans l’éditeur de blocs, sélectionnez les blocs à conserver, ouvrez leur menu d’options et utilisez la fonction de création de composition lorsqu’elle est proposée. Donnez-lui un nom facile à retrouver. Vous pourrez ensuite l’insérer depuis l’outil d’ajout de blocs.

Les shortcodes servent à insérer certains contenus ou fonctionnalités fournis par WordPress, un thème ou une extension. Selon les outils installés, ils peuvent notamment afficher une galerie ou un formulaire de contact. Dans l’éditeur de blocs, utilisez le bloc Code court, collez le shortcode fourni, puis vérifiez le résultat dans l’aperçu.

Pour rendre vos contenus plus faciles à parcourir, associez ces outils à des titres et paragraphes bien structurés. Vous pouvez également suivre ces conseils pour améliorer la lisibilité d’un blog WordPress.

Adapter les types de contenu et les champs personnalisés

Si les articles et les pages ne suffisent pas à organiser votre site, les types de publication personnalisés permettent de distinguer d’autres contenus, comme des recettes ou des critiques de livres. L’extension Custom Post Type UI aide à les créer et à les gérer depuis l’administration.

Les champs personnalisés servent, quant à eux, à enregistrer des informations complémentaires associées à un contenu. Avec Advanced Custom Fields, vous pouvez par exemple ajouter des champs pour des informations sur l’auteur ou d’autres données propres à vos articles.

Après avoir installé l’extension choisie :

1. Créez le type de publication ou le groupe de champs correspondant à votre besoin.
2. Définissez où les champs doivent apparaître dans l’administration.
3. Ouvrez un contenu concerné et renseignez les informations.
4. Vérifiez leur affichage sur le site : enregistrer une donnée ne signifie pas nécessairement que le thème l’affichera automatiquement.

Des blocs personnalisés peuvent aussi répondre à des besoins particuliers. Leur création demande toutefois un développement adapté ou une extension qui les fournit. Avant d’ajouter un outil, vérifiez si les blocs déjà disponibles suffisent.

Vérifier le résultat et suivre les contenus publiés

La personnalisation de l’éditeur facilite la création de contenu, mais elle ne remplace pas la vérification de la page publiée. Relisez le texte, testez les liens et contrôlez les images, les formulaires et les mises en page réutilisées.

Pensez également à examiner le rendu sur différentes tailles d’écran. Les réglages de largeur, les marges et les images peuvent produire un résultat différent sur mobile ; ces conseils pour optimiser WordPress sur mobile vous aideront à effectuer ce contrôle.

Enfin, si vous souhaitez observer la fréquentation de vos contenus après publication, vous pouvez intégrer Google Analytics à votre site WordPress. Cet outil sert à suivre les interactions des visiteurs avec le site ; il ne modifie pas directement l’éditeur.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.