Créer une composition

Avec les compositions, vous pouvez enregistrer des blocs personnalisés pour les réutiliser partout sur votre site. Si vous ajoutez plusieurs fois les mêmes groupes de blocs à de nouvelles pages, les compositions vous feront gagner beaucoup de temps. Dans ce guide, vous apprendrez à créer et à utiliser des compositions.

Commencez par créer le contenu que vous envisagez de réutiliser. Une composition peut être un bloc unique ou un groupe de plusieurs blocs. Dans cet exemple, nous utilisons une image, un en-tête, du texte et un bouton d’appel à l’action qui donnent ce résultat :

Une fois votre contenu créé, procédez comme suit pour le transformer en une composition que vous pouvez utiliser n’importe où sur votre site.

1. Sélectionnez tous les blocs à réutiliser. Il existe plusieurs façons de sélectionner des blocs :
   • Vous pouvez mettre en surbrillance plusieurs blocs les uns à côté des autres avec la souris.
   • À l’aide de la vue en liste, cliquez sur le premier bloc, puis maintenez la touche Maj enfoncée et cliquez sur le dernier bloc. Cela sélectionnera tous les blocs compris entre le premier et le dernier.
2. Cliquez sur les trois points qui apparaissent dans la barre d’outils du bloc.
3. Cliquez sur l’option « Créer une composition ».
4. Donnez-lui un nom pour vous aider à vous souvenir à quoi sert la composition. Le nom n’est visible que par vous.
5. Vous pouvez éventuellement attribuer la composition à une catégorie, ce qui est utile si vous disposez d’un grand nombre de compositions et que vous souhaitez les organiser.
6. Activez ou désactivez l’option « Synchronisé » :
   •  Synchronisé : toutes les modifications apportées à la composition s’appliqueront partout où la composition a été insérée. Idéal pour réutiliser des blocs.
   •  Non synchronisé : toutes les modifications que vous apportez à la composition s’appliqueront à une seule instance de la composition. Idéal si vous souhaitez utiliser la même mise en page sur plusieurs pages, mais modifier le contenu de la composition sur chaque page.
7. Cliquez sur le bouton « Ajouter ».

Une fois que vous avez créé une composition, insérez-la dans votre contenu en suivant les étapes ci-dessous.

1. Cliquez sur l’icône de l’outil d’insertion de bloc +.
2. Sélectionnez l’onglet Compositions :

3. Choisissez parmi :
   • Toutes les compositions : parcourez chaque composition, y compris les compositions fournies par WordPress.com.
   • Mes compositions : parcourez uniquement les compositions que vous avez vous-même créées.
   • Parcourez des exemples de compositions par catégorie, comme À propos, Bannières, Formulaires, Services, etc.
4. Cliquez une fois sur une composition pour l’ajouter à votre page.

Après avoir ajouté une composition, vous pouvez la modifier de deux manières :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Éditeur.
3. Cliquez sur l’option « Compositions ».
4. Sélectionnez votre composition et cliquez sur l’icône en forme de crayon pour la modifier.
5. Une fois les modifications terminées, cliquez sur le bouton « Enregistrer ».

Si vous ne pouvez pas accéder à Apparence → Éditeur, votre site n’utilise pas de thème basé sur des blocs. Pour modifier une composition sans passer par l’éditeur de site :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Compositions.
3. Cliquez sur le titre de la composition pour la modifier.
4. Une fois les modifications terminées, cliquez sur le bouton « Mettre à jour ».

Lorsque vous créez une composition, vous pouvez en faire une composition synchronisée ou non synchronisée. Ici, nous expliquerons chaque option et comment travailler avec les deux types de compositions.

Une composition synchronisée est une composition qui reste la même partout où vous l’utilisez sur votre site. Lorsque vous modifiez la composition synchronisée à un endroit sur votre site, cette modification est appliquée partout où la composition est utilisée. Par exemple, si vous créez une composition synchronisée pour vos heures d’ouverture, vous pouvez modifier ces heures dans une instance de la composition, et elle sera mise à jour sur l’ensemble de votre site.

Les compositions synchronisées sont identifiées par le symbole de composition qui ressemble à deux losanges superposés. Vous verrez également le nom de la composition aux endroits suivants dans l’éditeur :

Vous pouvez modifier une composition synchronisée partout où elle est utilisée. Lorsque vous enregistrez vos modifications, elles sont appliquées à toutes les pages et à tous les articles qui utilisent cette composition.

Détacher une composition synchronisée vous permet de modifier le contenu de la composition uniquement pour la page ou l’article actuel. Elle transforme cette composition insérée en composition non synchronisée, ce qui ne modifie pas votre composition synchronisée existante.

Pour transformer une composition synchronisée en une composition non synchronisée :

1. Ajoutez la composition à votre site, comme expliqué dans la section précédente.
2. Cliquez sur la composition et une barre d’outils apparaîtra au-dessus ou en dessous.
3. Cliquez sur les trois points à la fin de la barre d’outils et sélectionnez l’option « Détacher » :

Vous pouvez remplacer le contenu d’une composition synchronisée tout en conservant le reste de la structure du contenu. Cela vous permet de définir, bloc par bloc, la possibilité de personnaliser le contenu des instances individuelles tout en conservant la mise en page globale intacte. En savoir plus sur les remplacements de compositions.

Une composition non synchronisée est un ensemble de blocs que vous avez conçu et que vous souhaitez réutiliser, mais que vous souhaitez également pouvoir modifier librement après l’avoir ajouté à une page ou un article. Par exemple, vous pouvez avoir une mise en page cohérente qui inclut des images et du texte pour vos articles de blog. Vous pouvez créer une composition, désactiver l’option de synchronisation, puis modifier les images et le texte en utilisant la même mise en page sur chaque article de blog.

Contrairement aux compositions synchronisées, une fois qu’une composition non synchronisée est ajoutée à une page, elle se comporte comme un ensemble normal de blocs. Vous pouvez modifier le contenu de la composition non synchronisée, modification qui ne s’appliquera qu’à cette page ou cet article.

Lorsque vous apportez des modifications aux compositions, les versions précédentes des blocs sont enregistrées au cas où vous deviez revenir à une version antérieure. Procédez comme suit pour accéder aux révisions d’une composition :

Pour supprimer des compositions de votre site :

1. Accédez à votre tableau de bord et accédez à Apparence → Éditeur.
2. Sélectionnez Compositions → Mes compositions.
3. Cliquez sur les trois points à côté du nom d’une composition et sélectionnez l’option « Supprimer » pour supprimer la composition.

Si vous ne pouvez pas accéder à Apparence → Éditeur, votre site n’utilise pas de thème basé sur des blocs. Pour supprimer des révisions de composition sans passer par l’éditeur de site :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Compositions.
3. Passez la souris sur le titre de la composition à supprimer.
4. Sous le titre, sélectionnez l’option « Supprimer ».

Si vous avez une composition sur un site et que vous souhaitez la déplacer vers un autre site, voici comment exporter et importer les blocs en tant que fichier JSON :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Éditeur.
3. Sélectionnez Compositions.
4. Cliquez sur « Gérer toutes mes compositions ». Vous pouvez alors :
   • Exporter une composition : passez la souris sur le titre d’une composition et cliquez sur l’option « Exporter comme JSON ». Un fichier sera enregistré sur votre ordinateur. Si vous avez créé des compositions, vous pouvez les sélectionner en bloc avec des cases à cocher pour les exporter en tant que groupe.
   • Importer une composition : cliquez sur le bouton « Importer depuis JSON » en haut de l’écran de gestion des compositions :

Si vous ne pouvez pas accéder à Apparence → Éditeur, votre site n’utilise pas de thème basé sur des blocs. Pour importer une composition sans passer par l’éditeur de site :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Compositions.
3. Cliquez sur le bouton « Importer depuis JSON » en haut de l’écran Compositions.
4. Cliquez sur « Choisir un fichier » et sélectionnez un fichier à charger.
5. Cliquez sur « Importer ».

Pour exporter une composition sans passer par l’éditeur de site :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Compositions.
3. Passez la souris sur le titre de la composition à exporter.
4. Sous le titre, sélectionnez l’option « Exporter comme JSON ».