Sélectionner et déplacer des blocs

Lorsque vous travaillez sur le contenu de votre site, vous pouvez avoir besoin de déplacer un bloc (ou plusieurs blocs) vers une autre partie de la page. Ce guide vous présente différentes méthodes pour sélectionner et déplacer le ou les blocs souhaités.

Cette vidéo vous montre comment sélectionner et déplacer des blocs dans l’éditeur WordPress. Elle explique comment sélectionner un bloc en cliquant dessus ou en utilisant la Liste, et comment déplacer un ou plusieurs blocs à l’aide des flèches de la barre d’outils ou par glisser-déposer dans la Liste.

Avant de déplacer un bloc, assurez-vous d’avoir sélectionné le bon bloc. Un simple clic suffit pour sélectionner la plupart des blocs, mais certains sont imbriqués (c’est-à-dire contenus) dans d’autres blocs. Voyons différentes façons de sélectionner le bon bloc avant de le déplacer.

Pour vérifier que vous avez bien sélectionné le bon bloc, regardez le fil d’Ariane en bas de l’écran, comme indiqué en orange sur l’image ci-dessous. On parle de fil d’Ariane car cela évoque une piste à suivre, comme des miettes de pain laissées derrière soi :

Le bloc que vous avez sélectionné sera le dernier bloc du fil d’Ariane. Si vous souhaitez sélectionner un bloc différent, vous pouvez cliquer sur le nom de ce bloc pour le sélectionner.

Certains blocs sont imbriqués dans d’autres blocs (appelés bloc « parent »). Vous devez pouvoir sélectionner facilement le bloc parent.

Vous pouvez également utiliser le sélecteur de bloc parent qui se trouve dans la barre d’outils de certains blocs :

Si vous cliquez sur un bloc qui a un bloc parent, un bouton s’affichera à gauche de la barre d’outils du bloc, comme indiqué en orange sur l’image ci-dessus. Cliquer sur ce bouton sélectionnera le bloc parent (dans ce cas, le bloc Colonnes.)

Cette fonction est pratique dans de nombreux cas, par exemple si vous avez du texte dans une colonne et devez sélectionner le bloc Colonnes, ou si vous avez plusieurs boutons dans un bloc Boutons et voulez sélectionner tout le bloc Boutons.

Plusieurs méthodes vous permettent de déplacer le bloc que vous avez sélectionné.

Pour déplacer un bloc, sélectionnez-le : une barre d’outils apparaîtra juste au-dessus ou en dessous. Vous pouvez ensuite le déplacer en cliquant sur les flèches vers le haut ou vers le bas pour le décaler d’un emplacement.

Vous pouvez également faire glisser un bloc vers un autre emplacement à l’aide de l’icône à six points dans la barre d’outils.

L’animation suivante montre les deux méthodes :

Vous pouvez également utiliser la Liste pour afficher tous les blocs de votre page, puis cliquer dessus et les faire glisser vers de nouvelles positions :

À l’aide de votre souris, vous pouvez glisser-déposer un bloc jusqu’à la position souhaitée :

Les blocs imbriqués sont imbriqués dans des blocs de mise en page, comme des colonnes, des lignes ou des piles. Vous pouvez déplacer ces blocs en cliquant sur les flèches dans la barre d’outils du bloc :

Vous pouvez déplacer plusieurs blocs à la fois en les sélectionnant d’abord, puis en cliquant sur les flèches dans la barre d’outils, comme illustré ci-dessous :

Vous pouvez également utiliser la Liste pour sélectionner plusieurs blocs à la fois, puis cliquer dessus et les faire glisser vers de nouvelles positions :

1. Ouvrez la Liste en cliquant sur l’icône représentant trois lignes horizontales, en haut à gauche de l’éditeur.
2. Cliquez sur le premier bloc.
3. Maintenez la touche Maj de votre clavier enfoncée et cliquez sur le dernier bloc. Tous les blocs situés entre le premier et le dernier seront alors sélectionnés.
4. Cliquez sur les blocs sélectionnés et faites-les glisser vers la position souhaitée.

Si vous souhaitez placer des blocs les uns à côté des autres plutôt que les uns sous les autres, insérez d’abord le bloc Colonnes. Vous pouvez ensuite insérer n’importe quel bloc dans chaque colonne.

Si vous souhaitez placer du contenu existant dans des colonnes, insérez d’abord le bloc Colonnes, puis utilisez la Liste pour cliquer sur les blocs et les faire glisser dans une colonne.

L’Agent WordPress peut vous aider à examiner et à améliorer la structure et l’enchaînement du contenu de votre page. Voici quelques exemples d’invites que vous pouvez copier et utiliser :

• « Examinez cette page et suggérez un meilleur ordre pour les sections. »
• « La structure de cet article est-elle adaptée à un guide pratique ? »
• « Quel contenu devrait apparaître en premier sur une page d’accueil de portfolio ? »
• « Suggérez comment réorganiser ces sections pour une meilleure lisibilité. »

Les agents IA peuvent réorganiser et réordonner les blocs de vos pages et articles à partir d’une invite en langage naturel. Voici quelques invites à essayer :

• « Réordonnez les sections de ma page Services pour que la section tarifs apparaisse en dernier. »
• « Déplacez le bloc d’image mise en avant en haut de mon dernier article. »
• « Intervertissez les premier et deuxième paragraphes de ma page À propos. »
• « Déplacez le bloc de bouton de contact juste en dessous de la section d’accroche sur ma page d’accueil. »