Guide du débutant : Comment utiliser les compositions de blocs de WordPress

Voulez-vous apprendre à utiliser les compositions de blocs WordPress sur votre site ?

Les compositions de blocs vous permettent d’ajouter rapidement des éléments de conception couramment autorisés à vos compositions de publications ou de pages.

Dans cet article, nous allons vous afficher comment utiliser les compositions de blocs WordPress et trouver d’autres compositions à utiliser sur votre site.

Voici les sujets que nous aborderons dans ce guide.

• Qu’est-ce que les compositions de blocs WordPress ?
• Comment utiliser les compositions de blocs dans WordPress
• Trouver d’autres compositions de blocs à utiliser sur votre site
• Comment créer et partager vos propres compositions de blocs ?
• Créer manuellement des compositions de blocs WordPress
• Retirer une composition de blocs dans WordPress
• Quelle est la différence entre les blocs réutilisables et les compositions de blocs ?

Que sont les compositions de blocs WordPress ?

Lescompositions de blocs WordPress sont une collection d’éléments de conception prédéfinis que vous pouvez utiliser pour créer plus rapidement des mises en page de contenu personnalisées.

WordPress est livré avec un éditeur intuitif communément appelé l’éditeur de blocs. Il permet aux utilisateurs/utilisatrices de créer de belles mises en page pour leurs publications et leurs pages en utilisant des blocs pour les éléments de contenu communs.

Cependant, tous les utilisateurs/utilisatrices de WordPress ne sont pas des designers ou ne veulent pas passer du temps à créer des Mises en page à chaque fois qu’ils doivent créer une publication ou une page.

Les compositions de blocs offrent une solution facile à ce problème. WordPress est désormais livré avec un certain nombre de compositions de blocs utiles par défaut.

Lesthèmes WordPress populaires fournissent également leurs propres compositions que vous pouvez utiliser lors de la rédaction du contenu.

Ces modèles comprennent des articles tels que des mises en page multicolonnes prédéfinies, des modèles de médias et de texte, des modèles d’appel à l’action, des en-têtes, des boutons, etc.

Vous trouverez encore plus de compositions sur le site WordPress.org, et vous pouvez même créer et partager vos propres compositions.

Ceci étant dit, voyons comment utiliser facilement les compositions de blocs dans WordPress pour créer de beaux contenus pour votre site.

Tutoriel vidéo

Si vous préférez des instructions écrites, continuez à lire.

Comment utiliser les compositions de blocs dans WordPress

Par défaut, WordPress est livré avec un certain nombre de compositions de blocs utiles que vous pouvez utiliser sur votre site. Votre thème WordPress et certaines extensions peuvent également ajouter leurs propres compositions.

Pour utiliser les compositions de blocs, vous devez modifier l’article ou la page WordPress où vous souhaitez utiliser la composition de blocs.

Dans l’écran de modification du message, cliquez sur le bouton Ajouter un bloc pour ouvrir l’outil d’insertion de blocs. À partir de là, passez à l’onglet Compositions de blocs pour voir les compositions de blocs disponibles.

Vous pouvez défiler vers le bas pour voir les compositions de blocs disponibles.

Vous pouvez également voir les compositions de blocs dans différentes catégories telles que les fonctionnalités, les boutons, les colonnes, l’en-tête, etc.

Vous pouvez également cliquer sur le bouton Explorer pour voir les compositions de blocs.

Consultez cette page pour obtenir des fenêtres surgissantes plus grandes.

Une fois que vous avez trouvé une composition que vous souhaitez essayer, il vous suffit de cliquer pour l’insérer dans la zone de contenu de votre publication ou de votre page.

Ensuite, il vous suffit de pointer et de cliquer sur n’importe quel bloc à l’intérieur du modèle pour en modifier la composition selon vos propres prérequis.

Vous disposerez toujours de toutes les facultatives dont vous disposez normalement pour chaque bloc. Par exemple, s’il s’agit d’un bloc de couverture, vous pouvez modifier la couleur de la couverture ou l’image d’arrière-plan.

Vous pouvez ajouter autant de compositions que nécessaire pour votre publication ou page de blog. Vous pouvez aussi simplement supprimer une composition pour la retirer d’une publication ou d’une page, comme vous le feriez pour n’importe quel bloc WordPress.

En utilisant des compositions de blocs, vous pouvez rapidement réaliser de belles mises en page pour vos articles et votre site WordPress.

En fin de compte, les compositions de blocs vous aident à gagner le temps que vous auriez autrement consacré à la disposition manuelle des blocs chaque fois que vous devez ajouter un en-tête, une galerie, des compositions, etc.

Trouver d’autres compositions de blocs à utiliser sur votre site

Par défaut, WordPress est livré avec quelques compositions de blocs couramment utilisées. Les thèmes WordPress peuvent également ajouter leurs propres compositions à votre site.

Cependant, vous pouvez trouver beaucoup plus de compositions de blocs que celles disponibles sous l’inserteur de blocs sur votre site.

Il suffit de se rendre sur le site du répertoire des compositions de blocs WordPress pour voir de nombreuses autres compositions.

Vous trouverez ici de nombreuses autres compositions de blocs envoyées par la communauté WordPress.

Pour utiliser l’une de ces compositions, il vous suffit de placer votre souris sur la composition et de cliquer sur le bouton « Copier ».

Ensuite, vous devez retourner sur votre blog WordPress et modifier la publication ou la page où vous souhaitez insérer cette composition de blocs.

Dans l’écran de modification du message, il suffit de cliquer avec le bouton droit de la souris et de sélectionner Coller dans le menu du navigateur ou de cliquer sur CTRL+V (Commande + V sur Mac).

Comment créer et partager vos propres compositions de blocs ?

Vous souhaitez créer et partager vos propres compositions de blocs WordPress et les faire connaître au monde entier ?

WordPress permet de créer très facilement des compositions de blocs et de les utiliser sur vos propres sites ou de les partager avec tous les utilisateurs/utilisatrices de WordPress à travers le monde.

Il suffit de se rendre sur le site du répertoire des compositions WordPress et de cliquer sur le lien « Créer une nouvelle composition ».

Note : Vous devez vous connecter ou créer un compte WordPress.org gratuit pour enregistrer vos compositions.

Une fois connecté, vous accéderez à la page de l’éditeur de compositions de blocs. Il est identique à l’éditeur de blocs par défaut de WordPress, et vous pouvez l’utiliser pour créer votre composition.

Il suffit d’ajouter des blocs pour créer votre composition.

Vous pouvez utiliser des blocs de mise en page tels que groupe, couverture, galerie et autres pour organiser votre mise en page.

Il existe également des images libres de droits que vous pouvez utiliser dans vos blocs médias. La médiathèque de WordPress vous permettra de trouver et d’utiliser facilement ces images dans vos compositions.

Lorsque vous êtes satisfait de votre composition, vous pouvez l’enregistrer en tant que brouillon ou l’envoyer au répertoire de modèles.

Avant d’envoyer votre composition de blocs pour le répertoire des compositions, assurez-vous d’avoir lu les directives du répertoire des compositions.

Vous pouvez gérer toutes vos compositions de blocs en cliquant sur le lien Mes compositions. Il affichera toutes les compositions de blocs que vous avez partagées, les brouillons de compositions et les compositions que vous avez favorisées.

Si vous souhaitez uniquement créer des compositions de blocs pour votre propre usage, vous pouvez alors les enregistrer en tant que brouillons. Ensuite, il vous suffira de les copier et de les coller depuis la page Mes compositions sur votre site WordPress.

Créer manuellement des compositions de blocs WordPress

Vous pouvez également créer des compositions de blocs manuellement et les ajouter à votre thème WordPress ou à votre extension d’extraits personnalisés.

Il suffit de créer une nouvelle publication ou page dans WordPress. Dans la zone de contenu, utilisez des blocs pour créer une mise en page personnalisée ou une collection de blocs que vous souhaitez enregistrer en tant que composition.

Ensuite, passez en mode éditeur de code et copiez tout le contenu que vous voyez dans l’éditeur de code.

Ensuite, ouvrez un éditeur de texte simple comme le Bloc-notes et collez-y ce code. Vous en aurez besoin à l’étape par étape.

Vous êtes maintenant prêt à inscrire vos compositions de blocs en tant que composition.

Pour ce faire, il suffit de copier et de coller le code suivant dans le fichier functions.php de votre thème ou dans une extension spécifique à votre site. Si vous n’avez jamais inséré de code dans votre fichier functions.php, nous vous recommandons d’utiliser l’extension gratuite WPCode pour l’ajouter.

Voici le guide terminé pour ajouter du code personnalisé dans WordPress.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Copiez et collez maintenant les données brutes des blocs que vous avez copiées plus tôt comme valeur du paramètre de contenu. En d’autres termes, vous devez remplacer le texte « Votre code de contenu de bloc va ici » par votre code de bloc. Confirmez-vous que les guillemets simples entourant le texte restent en place.

Dernier point, n’oubliez pas de modifier le titre et la description à votre convenance et d’enregistrer vos modifications.

Vous pouvez maintenant visiter votre site et modifier une publication ou une page. Vous pouvez maintenant voir votre composition de blocs nouvellement inscrite dans l’outil d’insertion de blocs.

Retirer une composition de blocs dans WordPress

Vous pouvez facilement retirer ou désenregistrer n’importe quelle composition de blocs dans WordPress. Supposons que vous souhaitiez retirer la composition que vous avez créée dans l’exemple ci-dessus.

Il vous suffit de copier-coller le code suivant dans le fichier functions.php de votre thème ou dans une extension spécifique à votre site.

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

Dans cet exemple, "my-plugin/my-awesome-pattern" est le nom de la composition que nous avons utilisée pour l’inscrire.

Vous pouvez utiliser ce code pour annuler l’enregistrement de n’importe quelle composition de blocs créée par votre thème ou une extension. Tout ce dont vous avez besoin est le nom utilisé pour inscrire la composition.

Retirer les compositions du cœur de WordPress

Les compositions du cœur de WordPress sont disponibles pour tous les utilisateurs/utilisatrices de WordPress. Cela signifie qu’ils peuvent être surutilisés et ne pas correspondre au reste de votre thème WordPress.

Si vous ne souhaitez pas utiliser une composition, vous pouvez simplement éviter de l’ajouter à votre contenu. Cependant, si vous gérez un site WordPress à auteurs/autrices multiples, vous voudrez peut-être empêcher tous les utilisateurs/utilisatrices d’utiliser ces compositions cœurs.

Pour retirer toutes les compositions du cœur de WordPress, vous devez ajouter le code suivant au fichier de fonctions de votre thème ou à une extension spécifique à votre site.

remove_theme_support( 'core-block-patterns' );

Quelle est la différence entre les blocs réutilisables et les compositions de blocs ?

Les compositions de blocs et les blocs réutilisables visent tous deux à résoudre un problème similaire : fournir aux utilisateurs/utilisatrices des options leur permettant d’ajouter facilement des blocs couramment utilisés.

Cependant, ils sont très différents les uns des autres.

Par exemple, les blocs réutilisables peuvent être modifiés et enregistrés directement dans l’éditeur de billets, mais ils ne sont pas aussi flexibles que les compositions de blocs.

Une grande différence est que si vous apportez une modification à un bloc réutilisable, le bloc est modifié dans toutes les publications ou pages dans lesquelles vous l’avez utilisé.

Pour plus de détails, consultez notre tutoriel sur l’utilisation des blocs réutilisables dans WordPress.

En revanche, si vous insérez un motif et que vous le modifiez, ces modifications s’appliquent uniquement à la publication ou à la page dans laquelle vous avez ajouté cette composition.

Les compositions de blocs peuvent également être inscrites par votre thème WordPress ou par des extensions telles que les plugins de blocs. Cela permet à ces développeurs/développeuses de vous offrir beaucoup plus d’options de conception pour créer vos mises en page de posts et de pages.

Nous espérons que ce guide vous a aidé à apprendre comment utiliser les compositions de blocs de WordPress sur votre site. Vous pouvez également consulter notre guide sur l ‘ajout de code personnalisé dans WordPress, ou le guide du débutant pour coller des extraits du web dans WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.