Une section contact, un appel à l’action ou une présentation de services revient souvent d’une page à l’autre. La reconstruire par copier-coller semble rapide, jusqu’au jour où un tarif change ou qu’un numéro de téléphone doit être corrigé partout. Les blocs réutilisables WordPress et les compositions répondent à ce problème en permettant de préparer des ensembles de blocs, puis de les insérer sans repartir de zéro.
Depuis WordPress 6.3, les anciens blocs réutilisables sont appelés compositions synchronisées. À côté d’eux, les compositions non synchronisées servent de structures de départ indépendantes : chaque insertion peut être modifiée sans toucher aux autres. Comprendre cette différence aide à choisir le bon outil, à éviter les corrections oubliées et à organiser une bibliothèque de contenu réellement utile.
En bref :
- Choisissez les blocs synchronisés pour un contenu qui doit rester identique à plusieurs endroits.
- Utilisez une composition non synchronisée lorsque chaque page doit recevoir sa propre version.
- Nommez et classez les motifs clairement pour accélérer leur recherche.
- Testez l’affichage mobile et verrouillez les éléments sensibles avant de publier.
Compositions WordPress et blocs synchronisés : comprendre la différence
Dans l’éditeur Gutenberg, une composition est un assemblage de blocs enregistré pour être réutilisé. Il peut s’agir d’un titre accompagné d’un texte et d’un bouton, d’une grille de services ou d’un encadré avec une image. La distinction essentielle tient à la synchronisation : une composition synchronisée conserve un contenu commun entre ses occurrences, tandis qu’une composition non synchronisée devient une copie indépendante lors de son insertion.
| Type | Fonctionnement | Usage adapté |
|---|---|---|
| Synchronisée | Les modifications se répercutent partout où elle est utilisée. | Coordonnées, mentions légales, alerte ou appel à l’action commun. |
| Non synchronisée | Chaque insertion peut être modifiée séparément. | Présentation d’un service, témoignage ou section de chiffres clés. |
Imaginons que la société fictive Atelier Lumen affiche un encadré de contact sur ses pages. Si son adresse ou son téléphone change, la version synchronisée permet de corriger l’information une seule fois. En revanche, ses pages de services peuvent reprendre une même mise en page tout en présentant des textes et des images différents : une composition indépendante est alors plus appropriée.
La synchronisation des blocs n’est donc pas seulement une question de confort. Elle définit si une modification doit avoir une portée globale ou locale. Lorsqu’une exception est nécessaire, l’éditeur permet de détacher une occurrence synchronisée pour la transformer en blocs ordinaires, sans modifier les autres exemplaires.
Créer une composition non synchronisée dans l’éditeur Gutenberg
Pour préparer une section réutilisable mais personnalisable, commencez par assembler les blocs nécessaires : par exemple un titre, deux paragraphes, une image et un bouton. Sélectionnez-les, regroupez-les, puis utilisez le menu de la barre d’outils pour créer une composition. Laissez désactivée l’option de synchronisation afin que chaque insertion puisse évoluer de son côté.
Le nom doit décrire la fonction et la forme du motif. « Section – Services, trois colonnes » sera plus facile à retrouver que « Bloc test ». Dans une équipe, quelques catégories cohérentes — comme « Héros », « Grilles » ou « Encadrés » — évitent de transformer la bibliothèque de blocs en catalogue difficile à parcourir.
Préparer un modèle réutilisable sans figer son contenu
Avant l’enregistrement, vérifiez les espacements, les couleurs et l’ordre des éléments. Il est préférable de définir une structure propre plutôt que de conserver des textes provisoires ou des boutons portant des libellés vagues. Une fois la composition insérée dans une page, remplacez les textes et les images localement, puis contrôlez le rendu sur écran étroit.
Cette méthode est utile pour standardiser la présentation sans imposer un contenu identique. Une équipe éditoriale peut ainsi produire plusieurs pages de service à partir d’un même agencement, en adaptant chaque exemple à son public. Pour aller plus loin sur la réutilisation d’une structure complète, consultez ce guide sur la création d’un modèle de page WordPress.
Créer et gérer des blocs réutilisables synchronisés
Un bloc synchronisé convient lorsqu’un élément doit rester cohérent sur plusieurs pages : coordonnées, avertissement, liens sociaux ou bouton d’inscription. Dans une publication, sélectionnez un bloc ou un groupe de blocs, ouvrez ses options et choisissez la création d’une composition. Activez ensuite la synchronisation et attribuez un nom explicite, par exemple « [Sync] Encadré contact ».
Il est également possible de créer et gérer les compositions depuis l’éditeur de site WordPress, lorsque le thème et les droits du compte le permettent. Les libellés peuvent légèrement varier selon la version ou la traduction, mais le principe reste le même : enregistrer le groupe, préciser s’il est synchronisé, puis l’insérer depuis les motifs disponibles dans l’éditeur.
Une modification effectuée sur la composition centrale se répercute sur ses occurrences, y compris dans des contenus déjà publiés. C’est pratique pour rectifier une adresse, mais risqué si l’on ajuste par erreur un texte qui devait rester local. Avant un changement important, testez-le sur un brouillon et examinez plusieurs pages concernées.
Protéger la structure sans bloquer les modifications utiles
Le verrouillage peut empêcher le déplacement ou la suppression accidentelle de blocs sensibles. Il peut être appliqué avec discernement : verrouiller la structure d’un encadré tout en laissant son texte ou son image modifiables, par exemple. Une personne chargée de la cohérence visuelle peut gérer les motifs, tandis que les autres membres de l’équipe les insèrent dans leurs articles.
Pour un besoin exceptionnel sur une seule page, détachez l’occurrence concernée ou créez une variante non synchronisée. Vous conservez ainsi la version commune pour les autres emplacements, au lieu de modifier un élément global pour satisfaire une seule page.
Organiser la bibliothèque de blocs et éviter les erreurs
Une bonne gestion des blocs commence par des conventions simples. Préfixez les compositions synchronisées avec une mention visible, limitez les catégories à quelques familles compréhensibles et privilégiez les noms descriptifs. Cette discipline réduit les hésitations au moment de l’insertion et aide à repérer les éléments qui peuvent modifier plusieurs pages en même temps.
- Nommer clairement : indiquez le type de section et, si utile, sa disposition.
- Classer avec mesure : quelques catégories bien définies valent mieux qu’une arborescence trop détaillée.
- Verrouiller les éléments critiques : protégez la structure tout en laissant éditables les contenus destinés à varier.
- Tester avant publication : vérifiez la version mobile et l’apparence sur une page brouillon.
Les modèles de blocs ne remplacent pas les modèles de page : ils servent à réutiliser une section, tandis qu’un modèle peut définir une structure plus large. Pour Atelier Lumen, un motif peut fournir un encadré de contact récurrent, alors qu’un modèle de page organise l’ensemble d’une page de service, du titre jusqu’au pied de page.
Lorsqu’un site comporte une équipe, il est utile de préciser qui peut créer ou modifier les compositions. Les contributeurs peuvent se concentrer sur la rédaction et l’insertion, tandis qu’un éditeur ou un administrateur valide les changements globaux. Cette répartition limite les erreurs sans alourdir les tâches quotidiennes.
Mettre à jour, dupliquer ou transférer une composition WordPress
Pour mettre à jour un motif synchronisé, ouvrez sa version enregistrée dans la bibliothèque, effectuez la modification, puis enregistrez-la. Toutes ses occurrences suivront le changement. Pour préparer une variante, dupliquez le motif, donnez-lui un nom distinct et modifiez-le sans toucher à l’original ; évitez toutefois d’accumuler des versions presque identiques, difficiles à distinguer ensuite.
Les anciens blocs réutilisables apparaissent comme des compositions synchronisées dans les versions actuelles de WordPress. Si vous souhaitez les utiliser comme base indépendante, détachez une copie ou désactivez sa synchronisation selon les options présentées dans l’éditeur, puis enregistrez cette version séparément.
Il est aussi possible de transférer des motifs entre des sites, mais leur rendu dépend en partie du thème actif. Les couleurs, les polices et certains espacements peuvent donc différer après importation. Un contrôle visuel reste nécessaire, notamment sur les pages mobiles et les boutons.
Pour une équipe qui publie régulièrement, une routine de vérification est plus efficace qu’une bibliothèque volumineuse. Avant de mettre en ligne une page, contrôlez les noms, l’usage des motifs synchronisés, les éléments verrouillés et l’aperçu sur plusieurs tailles d’écran. Une structure de page réutilisable et bien organisée rend ensuite la production plus rapide sans sacrifier la cohérence.
Questions fréquentes sur les compositions WordPress
Peut-on modifier un bloc synchronisé sur une seule page ?
Oui. Détachez cette occurrence pour la convertir en blocs ordinaires, ou créez une composition non synchronisée. Les autres occurrences du motif commun ne seront alors pas modifiées.
Faut-il installer une extension pour créer des compositions ?
Non, les outils natifs de WordPress suffisent généralement pour créer, classer et réutiliser des compositions. Une extension peut être utile pour des besoins avancés, mais mieux vaut d’abord organiser la bibliothèque existante.
Que se passe-t-il lorsqu’on modifie une composition synchronisée ?
La mise à jour s’applique à toutes les occurrences liées à cette composition. Vérifiez donc les pages concernées sur un brouillon avant de publier une modification importante.
Comment partager des compositions entre deux sites ?
Exportez les compositions depuis les outils disponibles, puis importez-les sur l’autre site. Contrôlez ensuite le rendu, car les réglages du thème, les polices et les couleurs peuvent varier.