Title: Ajouter un nouveau bloc Author: Dion Hulse Published: 20 juin 2019 Last modified: 30 août 2023 --- ## Dans cet article * [Qu’est-ce que l’outil d’insertion ?](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#quest-ce-que-loutil-dinsertion) * [Rechercher un bloc](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#rechercher-un-bloc) * [L’outil d’insertion à droite d’un bloc vide](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#loutil-dinsertion-a-droite-dun-bloc-vide) * [L’outil d’insertion de la barre d’outils supérieure](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#loutil-dinsertion-de-la-barre-doutils-superieure) - [Insertion d’images](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#insertion-dimages) * [La commande Slash dans un bloc de paragraphe vide](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#la-commande-slash-dans-un-bloc-de-paragraphe-vide) * [Depuis le menu Options dans la barre d’outils des blocs](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#depuis-le-menu-options-dans-la-barre-doutils-des-blocs) * [Déplacer les blocs](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#deplacer-les-blocs) - [Poignées de déplacement](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#poignees-de-deplacement) - [Déplacement par Glisser-déposer](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#deplacement-par-glisser-deposer) ## Catégories * [Accessibilité](https://fr.wordpress.org/support/category/accessibilite/) (7) * [Administration de base](https://fr.wordpress.org/support/category/administration-base/)( 36) * [Éditeur de bloc](https://fr.wordpress.org/support/category/block-editor/) (113) * [Éditeur de site](https://fr.wordpress.org/support/category/editeur-de-site/)( 52) * [Classic Editor](https://fr.wordpress.org/support/category/classic-editor/) ( 2) * [Comment faire](https://fr.wordpress.org/support/category/how-to/) (8) * [Conception et mise en page](https://fr.wordpress.org/support/category/design-and-layout/)( 17) * [Débuter](https://fr.wordpress.org/support/category/getting-started/) (37) * [Dépannage et support](https://fr.wordpress.org/support/category/troubleshooting/)( 20) * [Développement](https://fr.wordpress.org/support/category/developpement/) (12) * [Installer WordPress](https://fr.wordpress.org/support/category/installer-wordpress/)( 29) * [Maintenance](https://fr.wordpress.org/support/category/maintenance/) (23) * [Personnalisation](https://fr.wordpress.org/support/category/personnalisation/)( 20) * [Qu’est-ce que WordPress ?](https://fr.wordpress.org/support/category/quest-ce-que-wordpress/)( 11) * [Sécurité](https://fr.wordpress.org/support/category/securite/) (7) * [Sujets avancés](https://fr.wordpress.org/support/category/sujets-avances/) ( 31) * [Utilisation de base](https://fr.wordpress.org/support/category/utilisation-de-base/)( 38) # Ajouter un nouveau bloc L’image ci-dessous vous montre l’écran d’administration complet de l’éditeur de blocs WordPress pour la publication des articles et des pages. Vous pouvez ajouter des blocs depuis la barre d’outils supérieure ou du bloc vide situé sous la section du titre de la publication, lorsque vous commencez une nouvelle page ou un nouvel article. Mais ce n’est pas tout ! Vous trouverez dans cet article différentes façons d’ajouter des blocs à votre document. Lisez d’abord ce qui concerne l’outil d’insertion et sa fonction de recherche, puis vous apprendrez les différentes façons d’ajouter des blocs, et comment les déplacer dans votre document. [[ ## 󠀁[Qu’est-ce que l’outil d’insertion ?](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#quest-ce-que-loutil-dinsertion)󠁿 À chaque fois que vous voyez le bouton **Ajouter un bloc** , vous pouvez cliquer dessus pour ouvrir l’outil d’insertion et obtenir une liste de blocs, dans une petite fenêtre modale. Dans cette fenêtre, vous trouverez les blocs les plus utilisés. En cliquant sur le bouton **Tout parcourir** situé en dessous, la liste complète des blocs, classés par catégorie, s’affichera dans une barre latérale sur la gauche. ![Outil d'insertion de bloc dans le contenu.](https://fr.wordpress.org/support/files/ 2019/06/inserer-bloc-285x300.png) Il existe plusieurs façons d’ajouter un bloc, de rechercher et de choisir le type de bloc dont vous avez besoin : * L’outil **Ajouter un bloc** à droite d’un bloc vide. * L’outil **Ajouter un bloc** de la barre d’outils supérieure. * L’outil **Ajouter un bloc** situé au centre entre les blocs. * La commande **Slash **(barre oblique : « / ») dans un bloc de paragraphe vide. * Depuis le menu **Options** de la barre d’outils des blocs, avec les options ** Ajouter avant** ou **Ajouter après**. _Voir ci-dessous pour des captures d’écran spécifiques permettant d’identifier l’emplacement de l’outil d’insertion de bloc._ ## 󠀁[Rechercher un bloc](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#rechercher-un-bloc)󠁿 Depuis l’outil d’insertion, vous pouvez utiliser la boîte de recherche pour rechercher des blocs en saisissant le début d’un nom de bloc ou un mot clé, par exemple « image» ou « titre », puis une liste de blocs qui correspondent à la recherche s’affichera. Sélectionnez le bloc souhaité à l’aide du clic de la souris, ou des touches fléchées et la touche _Entrée_. Lorsque vous utilisez la [commande Slash](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#commande-slash), vous obtenez également un résultat de recherche lorsque vous commencez à saisir du texte. ![Recherche d'un bloc depuis l'outil d'insertion.](https://fr.wordpress.org/support/ files/2019/06/chercher-bloc.png) ## 󠀁[L’outil d’insertion à droite d’un bloc vide](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#loutil-dinsertion-a-droite-dun-bloc-vide)󠁿 Cliquez sur le bouton **Ajouter un bloc** à droite d’un bloc vide pour sélectionner ou rechercher un bloc. Cliquez sur le bloc choisi pour l’insérer à l’emplacement du curseur dans votre publication. [⌊Outil d'insertion ouvert depuis un bloc vide.⌉⌊Outil d'insertion ouvert depuis un bloc vide.⌉[ ## 󠀁[L’outil d’insertion de la barre d’outils supérieure](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#loutil-dinsertion-de-la-barre-doutils-superieure)󠁿 Vous pouvez ajouter un bloc en cliquant sur le bouton **Ouvrir/fermer l’outil d’insertion de blocs** (1) situé en haut à gauche de l’éditeur (barre d’outils supérieure). La colonne latérale gauche (2) propose tous les blocs disponibles dans votre installation( sauf si vous avez masqué des blocs dans les [Préférences de l’éditeur](https://fr.wordpress.org/support/article/preferences-overview/?output_format=md#blocs-visibles)). Vous pouvez effectuer une recherche en saisissant dans le champ **Rechercher **( 3) les premiers caractères du nom du bloc, si des [extensions du répertoire de wordpress.org](https://fr.wordpress.org/support/article/block-directory/?output_format=md) proposent des blocs correspondants à votre recherche, les extensions sont affichées sous les résultats de recherche dans la section **Disponible(s) pour l’installation**. Cliquez sur l’extension proposant le bloc souhaité dans ces résultats, l’extension correspondante est automatiquement installée, le bloc de l’extension est ajouté dans votre publication et sera par la suite disponible dans l’outil d’insertion de blocs (tant que l’extension demeure activée). [[ L’encart de la barre d’outils supérieure affiche également des informations supplémentaires par bloc et vous pouvez voir un petit aperçu du bloc en le survolant. Vous disposez de différents onglets contenant tous les blocs à votre disposition : **Blocs**, ** Compositions **(si le thème propose des compositions de blocs), **Médias** et l’icône** Compositions synchronisées** (auparavant **Réutilisables**). Cliquez sur le bloc choisi pour l’insérer à l’emplacement du curseur dans votre publication. Démonstration en vidéo de l’insertion de bloc depuis la barre d’outils supérieure. _Depuis la version 5.7, vous pouvez insérer un bloc par « glisser-déposer »._ Pour ajouter un bloc à votre publication par cette méthode : 1. Utilisez l’**outil d’insertion de la barre d’outils supérieure** de l’éditeur. 2. Une fois la colonne latérale gauche affichée avec les blocs, cliquez sur un bloc pour le sélectionner. 3. Tout en maintenant le bouton de la souris, déplacez-vous dans le contenu de votre publication, une petite barre noire avec l’icône du bloc choisi et l’icône de l’outil_** Faire glisser le bloc**_ accompagne le curseur de la souris. 4. Dès que votre curseur atteint un emplacement où le bloc peut être inséré, une ligne bleue apparaît symbolisant le futur emplacement de votre bloc. 5. Déplacez la ligne bleue avec la souris vers l’emplacement souhaité dans votre publication puis relacher la souris pour que le bloc soit inséré. ### 󠀁[Insertion d’images](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#insertion-dimages)󠁿 Pour insérer des images rapidement, vous pouvez accéder à l’onglet **Médias **qui vous propose les **Images **contenues dans la médiathèque, et les images disponibles dans **Openverse** : * Cliquez sur **Images **pour afficher toutes les images de la médiathèque, faites défiler les images pour sélectionner l’image souhaitée. Cliquez sur l’image pour l’insérer. * Cliquez sur **Openverse **pour afficher une sélection d’images d’Openverse, effectuez une recherche avec un mot clé, puis cliquez sur l’image que vous souhaitez insérer( celle-ci sera tout d’abord téléversée dans votre médiathèque puis insérée dans votre publication). Notez que certaines images (selon les droits qui leur sont attribués) ne pourront pas être téléversées dans votre médiathèque, une fenêtre modale vous en avertira, et un bouton **Insérer **vous permettra d’ajouter l’image en tant qu’image externe. ## 󠀁[La commande Slash dans un bloc de paragraphe vide](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#la-commande-slash-dans-un-bloc-de-paragraphe-vide)󠁿 L’utilisation de la commande **Slash **(barre oblique « / ») permet d’ouvrir l’outil d’insertion et sa recherche. Vous n’avez donc pas besoin d’interrompre votre flux d’écriture en utilisant la souris pour ajouter une citation ou une liste via le clavier. Commencez par ajouter un nouveau paragraphe normalement en appuyant une ou plusieurs fois sur la touche Entrée. ![Bloc paragraphe vide.](https://fr.wordpress.org/support/files/2019/06/paragraphe- vide.png) Ensuite, saisissez «** **/** **» et commencez à saisir le nom d’un bloc pour lancer la recherche. Quelques exemples d’utilisation : * En saisissant « /li » vous verrez apparaître le bloc **_Liste _**en premier résultat, pressez la touche **Entrée **et commencer à rédiger votre liste. * Saisissez « /b » pour obtenir la liste des blocs contenant cette lettre, par exemple le bloc **Boutons **et le bloc **Bannière**. * Utilisez les touches flèches haut et bas pour parcourir la liste de résultats, ou continuez à saisir le nom du bloc voulu pour affiner votre recherche, par exemple « /ban » pour le bloc **Bannière**. Enfin, pour insérer le bloc voulu depuis les résultats de recherche, pressez la touche Entrée, ou cliquez sur l’élément avec la souris. Démonstration en vidéo de la façon dont vous pouvez ajouter un nouveau bloc avec la commande Slash dans un paragraphe vide. ## 󠀁[Depuis le menu Options dans la barre d’outils des blocs](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#depuis-le-menu-options-dans-la-barre-doutils-des-blocs)󠁿 Enfin, vous pouvez cliquer sur le bouton **Options**de la barre d’outils des blocs et choisir d’insérer un bloc avant ou après le bloc actuel. Le bloc ajouté sera un bloc **Paragraphe** vide. [[ ## 󠀁[Déplacer les blocs](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#deplacer-les-blocs)󠁿 ### 󠀁[Poignées de déplacement](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#poignees-de-deplacement)󠁿 Les boutons **Monter** et **Descendre **(icônes de flèches vers le haut et vers le bas) situés dans la barre d’outils du bloc peuvent être utilisés pour déplacer un bloc vers le haut et vers le bas dans votre document. ![Bouton « Monter » dans la barre d'outil du bloc.](https://fr.wordpress.org/support/ files/2019/06/monter-bloc.png) ![Bouton « Descendre » dans la barre d'outil du bloc.](https://fr.wordpress.org/ support/files/2019/06/descendre-bloc.png) ### 󠀁[Déplacement par Glisser-déposer](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md#deplacement-par-glisser-deposer)󠁿 Vous pouvez faire glisser les blocs dans l’éditeur en cliquant sur le bouton **Glisser**. Cliquez sur ce bouton, maintenez votre clic, puis déplacez le bloc vers le haut ou le bas. Remarquez les barres bleues indiquant l’endroit où le bloc sera placé. Relâchez le bouton de la souris lorsque vous avez trouvé l’endroit où déplacer le bloc. Traduit par [Marie Comet](https://profiles.wordpress.org/) Relu par [Didier Demory](https://profiles.wordpress.org/wolforg)& [Jb Audras](https://profiles.wordpress.org/audrasjb)Dernière mise à jour le 29 août 2023 [Contribuer à la documentation en français de WordPress](https://fr.wordpress.org/team/handbook/traduire-la-documentation-de-wordpress-en-francais/rejoindre-lequipe-de-traduction-de-la-documentation/?output_format=md) **Journal des modifications** **29 août 2023** – [Jenny Dupuy](https://wordpress.org/profiles/jdy68) – Mise à jour des noms des boutons ou des éléments de menus, de certaines captures d’écran, en conformité avec la version 6.3. Ajout de la fonctionnalité de recherche d’extensions proposant des blocs (6.1). Ajout de l’onglet Médias de l’outil d’insertion (6.2). ** 24 mai 2021** – [Jenny Dupuy](https://wordpress.org/profiles/jdy68) – Ajout du nom de l’outil d ’insertion de la barre d’outil supérieure et de la présence des onglets Blocs, Compositions et Réutilisables.**21 mars 2021** – [Jenny Dupuy](https://wordpress.org/profiles/jdy68)– Ajout de l’insertion par glisser-déposer. Précisions sur les commandes Insérer avant ou Insérer après.