Title: L’éditeur de widgets Author: Jb Audras Published: 12 juillet 2021 Last modified: 5 avril 2024 --- ## Dans cet article * [Utiliser l’éditeur de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#utiliser-lediteur-de-widgets) - [Ajouter un bloc dans une zone de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#ajouter-un-bloc-dans-une-zone-de-widgets) - [Déplacer des blocs d’un emplacement de widgets à un autre](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#deplacer-des-blocs-dun-emplacement-de-widgets-a-un-autre) * [Gérer les widgets au sein de l’outil de personnalisation](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#gerer-les-widgets-au-sein-de-loutil-de-personnalisation) * [Gestion des anciens widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#gestion-des-anciens-widgets) * [Conserver l’ancien écran de gestion des widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#conserver-lancien-ecran-de-gestion-des-widgets) * [Démonstration de l’éditeur de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#demonstration-de-lediteur-de-widgets) * [Ressources techniques](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#ressources-techniques) ## 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) # L’éditeur de widgets À partir de WordPress 5.8, l’éditeur de blocs est également utilisé pour gérer les widgets. Cela remplace donc les écrans accessibles via **Apparence**, puis** Widgets** et dans l’outil de personnalisation. L’éditeur de widgets vous permet de gérer les contenus affichés dans vos emplacements de widgets à l’aide de l’éditeur de blocs. Pour pouvoir accéder à l’éditeur de widgets depuis le menu **Apparence**, puis ** Widgets**, il est nécessaire d’activer un thème classique (ou non basé sur des blocs) comme par exemple Twenty-Twenty. Si vous souhaitez utiliser des widgets avec un thème basé sur des blocs, il suffit d’utiliser les blocs natifs, ou ceux provenant d’une extension, classés dans la catégorie **Widgets**,** **dans vos modèles de page en les intégrant aux emplacements souhaités via l’[éditeur de site](https://fr.wordpress.org/support/article/site-editor/?output_format=md), par exemple, dans l’entête ou le pied de page, ou encore dans une colonne latérale. Ci-dessous les captures d’écran montrent comment se présente l’éditeur de widgets et l’interface de gestion des widgets dans l’outil de personnalisation du thème. ![Capture d’écran montrant l’interface de l’éditeur de widets avec quelques exemples de widgets comme Articles récents, Recherche, Icônes des réseaux sociaux](https:// wordpress.org/support/files/2021/07/test-widgets_v2-1-1024x643.jpeg) Vue de l’éditeur de widgets disponible sur Apparence > Widgets ![Capture d’écran montrant la gestion des widgets dans l’outil de personnalisation avec les widgets dans leur emplacement sur la page et la possibilité de les modifier en cliquant sur l’icône crayon.](https://wordpress.org/support/files/2021/07/test- widgets-customizer-1-1024x643.jpeg) Vue de l’éditeur de widgets disponible sur l’outil de personnalisation ## 󠀁[Utiliser l’éditeur de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#utiliser-lediteur-de-widgets)󠁿 [L’interface de l’éditeur est similaire à celle de l’éditeur de blocs](https://fr.wordpress.org/support/article/wordpress-editor/), ce qui vous permet d’utiliser de manière analogue les fonctionnalités de l’éditeur, comme par exemple le glisser-déposer. La plus grande différence entre les deux éditeurs concerne les emplacements de widgets, qui représentent les zones de votre thème dans lesquelles vous pouvez placer ces derniers. Dans chacun de ces emplacements, vous pouvez disposer des blocs exactement comme vous le feriez avec l’éditeur disponible pour vos publications. Les widgets, auparavant ajoutés avec l’ancien écran de gestion des widgets, seront automatiquement récupérés par le nouvel éditeur de widgets. _À noter : les blocs réutilisables ainsi que les blocs de l’éditeur de modèles ne sont, pour le moment, pas disponibles dans l’éditeur de widgets._ ### 󠀁[Ajouter un bloc dans une zone de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#ajouter-un-bloc-dans-une-zone-de-widgets)󠁿 1. Allez sur **Apparence**, puis **Widgets**. 2. Cliquez sur l’emplacement de widget que vous souhaitez modifier. 3. Utilisez le bouton **Ajouter un bloc** (icône **+**) pour ajouter un bloc. Vous pouvez utiliser la fonctionnalité de recherche pour trouver le bloc que vous souhaitez ajouter ou cliquer sur **Tout parcourir** pour voir la liste complète des blocs disponibles en ouvrant l’outil d’insertion de blocs. ### 󠀁[Déplacer des blocs d’un emplacement de widgets à un autre](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#deplacer-des-blocs-dun-emplacement-de-widgets-a-un-autre)󠁿 Il y a deux façons de déplacer un bloc d’un emplacement de widget à un autre : 1. Utiliser un simple glisser-déposer pour déplacer un ou plusieurs blocs d’un emplacement à un autre. 2. Ou utiliser l’option **Déplacer vers la zone des widgets**, présente dans la barre d’outils du bloc, pour le déplacer vers l’emplacement voulu. ![Déplacement de blocs d’un emplacement de widgets à un autre](https://wordpress. org/support/files/2021/07/Screen-Shot-2021-07-06-at-8.36.47-PM-1-edited.png) ## 󠀁[Gérer les widgets au sein de l’outil de personnalisation](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#gerer-les-widgets-au-sein-de-loutil-de-personnalisation)󠁿 Si vous préférez habituellement gérer vos emplacements de widgets avec l’outil de personnalisation, vous pouvez continuer à l’utiliser comme auparavant. La seule différence est qu’au lieu de manipuler des widgets, vous manipulerez des blocs. Le reste des fonctionnalités présentes dans la section **Widgets **de l’outil de personnalisation sont les mêmes qu’avant. À noter que du fait de la petite taille de l’espace consacré à l’outil de personnalisation sur l’écran, vous aurez un clic de plus à faire pour trouver les réglages précis de chaque widget. Voici comment accéder aux réglages de chaque bloc : 1. Utilisez le bouton **Ajouter un bloc** (icône **+)** pour ajouter un bloc. 2. Une fois le bloc ajouté, afficher la colonne latérale des réglages afin d’accéder aux réglages des blocs. 3. Modifiez les options proposées dans les différentes sections des réglages. ## 󠀁[Gestion des anciens widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#gestion-des-anciens-widgets)󠁿 Les widgets qui ne viennent pas du cœur WordPress (qu’ils viennent d’une extension ou d’un développement que vous avez réalisé) seront toujours disponibles dans vos emplacements de widgets. Ils seront affichés au sein d’un bloc **Ancien widget**. Cela garantit la meilleure rétro-compatibilité possible en attendant que la personne ayant développé ce widget le fasse évoluer pour prendre en charge à 100% le nouvel éditeur de widgets. Si vous avez développé un widget et souhaitez le rendre compatible avec le nouvel éditeur de widgets, [consultez cette note de développement (en anglais)](https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/). ## 󠀁[Conserver l’ancien écran de gestion des widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#conserver-lancien-ecran-de-gestion-des-widgets)󠁿 Pour conserver l’ancien écran de gestion des widgets, vous pouvez installer l’extension officielle [Classic Widgets](https://fr.wordpress.org/plugins/classic-widgets/). Cette extension désactivera le nouvel éditeur de widgets et affichera à la place l’ancien écran de gestion. Elle sera maintenue pendant quelques mois par l’équipe de développement de WordPress afin de laisser aux utilisateurs et utilisatrices de WordPress le temps de préparer leur migration vers l’éditeur de blocs. ## 󠀁[Démonstration de l’éditeur de widgets](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#demonstration-de-lediteur-de-widgets)󠁿 La vidéo ci-dessous présente l’utilisation de l’éditeur de widgets et du panneau de gestion des widgets au sein de l’outil de personnalisation. ## 󠀁[Ressources techniques](https://fr.wordpress.org/support/article/block-based-widgets-editor/?output_format=md#ressources-techniques)󠁿 * [Block-based Widgets Editor in WordPress 5.8 (en anglais)](https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/) Traduit par [Jb Audras](https://profiles.wordpress.org/audrasjb) Relu par [Marie Comet](https://profiles.wordpress.org/chaton666)& [Bruno Tritsch](https://profiles.wordpress.org/btpub)Dernière mise à jour le 5 avril 2024 [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** **5 avril 2024** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68) – Ajout de la nécessité d’activer un thème classique pour accéder à cet éditeur, ajout d’une phrase expliquant brièvement le fonctionnement des widgets avec l’éditeur de site, en conformité avec la version 6.3. **02 octobre 2021** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68)– Modification du slug**10 juillet 2021**– [Jenny Dupuy](https://profiles.wordpress.org/jdy68)– Modifications des styles pour les éléments d’interface.