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 ?

À 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.

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

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, vous obtenez également un résultat de recherche lorsque vous commencez à saisir du texte.

Recherche d'un bloc depuis l'outil d'insertion.

L’outil d’insertion à droite d’un 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.

L’outil d’insertion de la barre d’outils supérieure

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).
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 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

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

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.

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

Enfin, vous pouvez cliquer sur le bouton Optionsde 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

Poignées de déplacement

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.
Bouton « Descendre » dans la barre d'outil du bloc.

Déplacement par Glisser-déposer

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
Relu par Didier Demory & Jb Audras
Dernière mise à jour le 29 août 2023

Contribuer à la documentation en français de WordPress

Journal des modifications

29 août 2023Jenny Dupuy – 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 2021Jenny Dupuy – 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 2021Jenny Dupuy – Ajout de l’insertion par glisser-déposer. Précisions sur les commandes Insérer avant ou Insérer après.