{"id":15128,"date":"2022-10-07T21:34:31","date_gmt":"2022-10-07T21:34:31","guid":{"rendered":"\/tutoriels\/?p=15128"},"modified":"2026-09-09T13:33:49","modified_gmt":"2026-09-09T06:33:49","slug":"widget-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/widget-wordpress\/","title":{"rendered":"Que sont les widgets WordPress et comment les utiliser ?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Les widgets WordPress sont des &eacute;l&eacute;ments autonomes et modulaires, comme les barres de recherche, les listes d&rsquo;articles r&eacute;cents ou les flux de r&eacute;seaux sociaux, que vous pouvez ajouter &agrave; des zones telles que les barres lat&eacute;rales, les pieds de page et les en-t&ecirc;tes sans &eacute;crire de code. Ils servent principalement &agrave; enrichir les fonctionnalit&eacute;s et la mise en page d&rsquo;un site web.<\/p><p class=\"wp-block-paragraph\">Le fonctionnement des widgets d&eacute;pend de votre th&egrave;me. Les th&egrave;mes classiques disposent d&rsquo;une interface d&eacute;di&eacute;e aux widgets, tandis que les th&egrave;mes bas&eacute;s sur des blocs les remplacent enti&egrave;rement par l&rsquo;&eacute;diteur de site. WordPress propose plusieurs widgets int&eacute;gr&eacute;s, auxquels vous pouvez en ajouter d&rsquo;autres &agrave; l&rsquo;aide d&rsquo;extensions.<\/p><p class=\"wp-block-paragraph\">Pour tirer le meilleur parti des widgets, limitez chaque zone aux &eacute;l&eacute;ments r&eacute;ellement utiles, &eacute;vitez de surcharger la mise en page, v&eacute;rifiez leur compatibilit&eacute; avec votre th&egrave;me et surveillez leur impact sur la performance de votre site WordPress.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-que-sont-les-widgets-wordpress\">Que sont les widgets WordPress ?<\/h2><p class=\"wp-block-paragraph\">Un widget WordPress est un petit &eacute;l&eacute;ment de contenu autonome que vous pouvez placer dans les zones de widgets de votre site. Ces sections de mise en page sont d&eacute;finies par le th&egrave;me WordPress que vous avez choisi. Elles se trouvent g&eacute;n&eacute;ralement dans les barres lat&eacute;rales et les pieds de page, mais peuvent aussi appara&icirc;tre dans les en-t&ecirc;tes, au-dessus ou en dessous du contenu, ou &agrave; certains emplacements des templates de page.<\/p><p class=\"wp-block-paragraph\">Les widgets sont modulaires : lorsque vous modifiez votre site WordPress, vous pouvez ajouter, supprimer ou r&eacute;utiliser chaque widget ind&eacute;pendamment, <strong>sans affecter le reste de la mise en page<\/strong>.<\/p><p class=\"wp-block-paragraph\">Les widgets WordPress existent depuis la version 2.2, sortie en 2007. &Agrave; l&rsquo;origine, les th&egrave;mes d&eacute;finissaient des zones d&eacute;di&eacute;es dans lesquelles vous pouviez glisser-d&eacute;poser des widgets pr&eacute;d&eacute;finis depuis le tableau de bord.<\/p><p class=\"wp-block-paragraph\">Avec la sortie de WordPress 5.8 en 2021, les th&egrave;mes classiques ont int&eacute;gr&eacute; les <strong>widgets bas&eacute;s sur des blocs<\/strong>. Au lieu de vous limiter aux widgets traditionnels, vous pouvez ajouter des blocs tels que des images, des galeries, des boutons ou du code HTML personnalis&eacute; dans les zones de widgets. Cette &eacute;volution a apport&eacute; la souplesse de l&rsquo;&eacute;diteur de blocs &agrave; des parties de la mise en page auparavant tr&egrave;s rigides.<\/p><p class=\"wp-block-paragraph\">Avec les th&egrave;mes bas&eacute;s sur des blocs comme Twenty Twenty-Five, l&rsquo;<strong>&eacute;diteur de site<\/strong> remplace le syst&egrave;me de widgets classique. Les en-t&ecirc;tes, les pieds de page, les barres lat&eacute;rales et les autres &eacute;l&eacute;ments de mise en page sont alors g&eacute;r&eacute;s sous forme de blocs WordPress dans l&rsquo;&eacute;diteur de site. Il n&rsquo;existe donc plus de menu distinct pour les widgets.<\/p><p class=\"wp-block-paragraph\">Chaque widget poss&egrave;de ses propres param&egrave;tres, enregistr&eacute;s s&eacute;par&eacute;ment pour chaque instance. Un m&ecirc;me widget peut ainsi se comporter diff&eacute;remment selon la zone dans laquelle il se trouve.<\/p><p class=\"wp-block-paragraph\">Par exemple, le widget <strong>Articles r&eacute;cents<\/strong> permet de d&eacute;finir le nombre d&rsquo;articles affich&eacute;s et d&rsquo;indiquer si leur date doit appara&icirc;tre. Les widgets <strong>Texte<\/strong> et <strong>HTML personnalis&eacute;<\/strong> acceptent du balisage personnalis&eacute; et peuvent donc servir &agrave; int&eacute;grer des formulaires, des publicit&eacute;s ou des outils.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Types et exemples de widgets WordPress<\/h3><p class=\"wp-block-paragraph\">Les widgets WordPress se r&eacute;partissent en trois grandes cat&eacute;gories : les <strong>widgets par d&eacute;faut<\/strong> inclus dans WordPress, les <strong>widgets tiers<\/strong> ajout&eacute;s &agrave; l&rsquo;aide d&rsquo;extensions et les <strong>widgets WordPress personnalis&eacute;s<\/strong> d&eacute;velopp&eacute;s sp&eacute;cifiquement pour un site.<\/p><p class=\"wp-block-paragraph\">Chaque cat&eacute;gorie r&eacute;pond &agrave; des besoins diff&eacute;rents, mais toutes permettent d&rsquo;enrichir les fonctionnalit&eacute;s du site et d&rsquo;am&eacute;liorer l&rsquo;exp&eacute;rience des visiteurs.<\/p><h4 class=\"wp-block-heading h-t-title-4\">Widgets de base par d&eacute;faut<\/h4><p class=\"wp-block-paragraph\">Les widgets de base r&eacute;pondent aux besoins les plus courants et sont disponibles dans toutes les installations de WordPress. En voici quelques exemples :<\/p><ul class=\"wp-block-list\">\n<li><strong>Recherche.<\/strong> Ajoute une barre de recherche pour permettre aux visiteurs de trouver rapidement du contenu.<\/li>\n\n\n\n<li><strong>Derniers articles.<\/strong> Affiche automatiquement vos derniers articles afin de maintenir le contenu des barres lat&eacute;rales &agrave; jour.<\/li>\n\n\n\n<li><strong>Liste des cat&eacute;gories<\/strong> et <strong>Archives.<\/strong> Permettent aux visiteurs de parcourir le contenu par th&egrave;me ou par date de publication.<\/li>\n\n\n\n<li><strong>Calendrier.<\/strong> Affiche une vue mensuelle avec des liens vers les articles publi&eacute;s &agrave; chaque date.<\/li>\n\n\n\n<li><strong>HTML personnalis&eacute;.<\/strong> Sert couramment &agrave; int&eacute;grer des formulaires d&rsquo;inscription &agrave; une newsletter, des scripts publicitaires ou des outils tiers.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f80809f\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f80809f\" class=\"aligncenter size-large is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"643\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-par-defaut-de-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Les widgets WordPress par d&eacute;faut\" class=\"wp-image-52426\" style=\"width:437px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-par-defaut-de-WordPress.png\/w=643,fit=scale-down 643w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-par-defaut-de-WordPress.png\/w=188,fit=scale-down 188w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-par-defaut-de-WordPress.png\/w=94,fit=scale-down 94w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h4 class=\"wp-block-heading h-t-title-4\">Widgets tiers<\/h4><p class=\"wp-block-paragraph\">Les widgets tiers sont ajout&eacute;s lors de l&rsquo;installation d&rsquo;une extension et permettent de proposer des fonctionnalit&eacute;s sp&eacute;cifiques dans les zones de widgets. Ils am&eacute;liorent l&rsquo;exp&eacute;rience utilisateur en rendant certaines actions importantes plus facilement accessibles sur l&rsquo;ensemble du site.<\/p><p class=\"wp-block-paragraph\">Par exemple, les extensions d&rsquo;e-commerce peuvent ajouter des widgets de cat&eacute;gories de produits ou des aper&ccedil;us du panier. Les extensions de r&eacute;seaux sociaux peuvent proposer des ic&ocirc;nes ou des flux qui encouragent les visiteurs &agrave; suivre vos comptes ou &agrave; partager du contenu. Quant aux extensions de formulaires, elles permettent d&rsquo;int&eacute;grer directement des formulaires de contact ou d&rsquo;abonnement dans les barres lat&eacute;rales ou les pieds de page.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f80a0cd\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f80a0cd\" class=\"aligncenter size-large is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"562\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-WordPress-supplementaire-provenant-de-WooCommerce.png\/w=1024,h=1024,fit=scale-down\" alt=\"Widgets suppl&eacute;mentaires ajout&eacute;s par l&rsquo;extension WooCommerce\" class=\"wp-image-52432\" style=\"width:440px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-WordPress-supplementaire-provenant-de-WooCommerce.png\/w=562,fit=scale-down 562w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-WordPress-supplementaire-provenant-de-WooCommerce.png\/w=165,fit=scale-down 165w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-WordPress-supplementaire-provenant-de-WooCommerce.png\/w=82,fit=scale-down 82w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h4 class=\"wp-block-heading h-t-title-4\">Widgets WordPress personnalis&eacute;s<\/h4><p class=\"wp-block-paragraph\">Les widgets WordPress personnalis&eacute;s sont d&eacute;velopp&eacute;s sp&eacute;cifiquement pour r&eacute;pondre aux besoins propres &agrave; un site. Ils sont souvent utilis&eacute;s lorsque les widgets par d&eacute;faut ou les extensions ne proposent pas les fonctionnalit&eacute;s n&eacute;cessaires.<\/p><p class=\"wp-block-paragraph\">Il peut s&rsquo;agir, par exemple, de widgets affichant les horaires d&rsquo;ouverture, les coordonn&eacute;es propres &agrave; un &eacute;tablissement, un annuaire du personnel ou du contenu promotionnel dynamique.<\/p><p class=\"wp-block-paragraph\">Les widgets personnalis&eacute;s n&eacute;cessitent un travail de d&eacute;veloppement, mais offrent un contr&ocirc;le total sur la mise en page, le comportement et la performance. Ils conviennent donc particuli&egrave;rement aux entreprises ayant des besoins sp&eacute;cifiques.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Diff&eacute;rences entre les widgets et les extensions WordPress<\/h3><p class=\"wp-block-paragraph\">Une extension WordPress <strong>ajoute ou modifie des fonctionnalit&eacute;s &agrave; l&rsquo;&eacute;chelle du site<\/strong>. &Agrave; l&rsquo;inverse, un widget est un <strong>composant modulaire de l&rsquo;interface utilisateur<\/strong> qui affiche un contenu ou une fonctionnalit&eacute; sp&eacute;cifique &agrave; un emplacement d&eacute;fini de la mise en page, comme une barre lat&eacute;rale, un pied de page ou un en-t&ecirc;te.<\/p><p class=\"wp-block-paragraph\">Les extensions peuvent ajouter des syst&egrave;mes enti&egrave;rement nouveaux, comme des outils de r&eacute;f&eacute;rencement, des plateformes d&rsquo;e-commerce, des fonctionnalit&eacute;s de s&eacute;curit&eacute; ou des types de publications personnalis&eacute;s, qui s&rsquo;appliquent &agrave; l&rsquo;ensemble du site web.<\/p><p class=\"wp-block-paragraph\">Par exemple, pour commencer &agrave; vendre des produits sur votre site, vous devez installer une extension d&rsquo;e-commerce.<\/p><p class=\"wp-block-paragraph\">Les widgets, quant &agrave; eux, s&rsquo;appuient sur les fonctionnalit&eacute;s natives de WordPress ou sur celles fournies par des extensions. Utilisez donc un widget lorsque la fonctionnalit&eacute; existe d&eacute;j&agrave; et que vous souhaitez simplement l&rsquo;afficher &agrave; un emplacement pr&eacute;cis. Par exemple, pour afficher vos derniers articles dans une barre lat&eacute;rale, utilisez le widget Articles r&eacute;cents.<\/p><p class=\"wp-block-paragraph\">Dans la plupart des cas, un site WordPress a besoin &agrave; la fois d&rsquo;extensions et de widgets.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-comment-ajouter-des-widgets-wordpress\">Comment ajouter des widgets WordPress<\/h2><p class=\"wp-block-paragraph\">Les widgets WordPress peuvent uniquement &ecirc;tre plac&eacute;s dans des <strong>zones de widgets<\/strong>, c&rsquo;est-&agrave;-dire des sections de mise en page d&eacute;finies par votre th&egrave;me, comme les barres lat&eacute;rales, les pieds de page ou d&rsquo;autres emplacements pr&eacute;vus &agrave; cet effet. Ces zones permettent d&rsquo;ajouter, d&rsquo;organiser et de configurer les widgets individuellement.<\/p><p class=\"wp-block-paragraph\">La proc&eacute;dure d&rsquo;ajout des widgets WordPress d&eacute;pend du th&egrave;me que vous utilisez. Les th&egrave;mes classiques disposent d&rsquo;un &eacute;cran <strong>Widgets<\/strong> d&eacute;di&eacute; dans le tableau de bord WordPress, tandis que les th&egrave;mes bas&eacute;s sur des blocs permettent de g&eacute;rer les &eacute;l&eacute;ments de mise en page dans l&rsquo;<strong>&eacute;diteur de site<\/strong>.<\/p><p class=\"wp-block-paragraph\">Comme ces deux syst&egrave;mes fonctionnent diff&eacute;remment, les &eacute;tapes &agrave; suivre varient selon le type de th&egrave;me.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Comment ajouter des widgets dans un th&egrave;me bas&eacute; sur des blocs<\/h3><p class=\"wp-block-paragraph\">Si vous utilisez un th&egrave;me bas&eacute; sur des blocs, suivez ces &eacute;tapes pour ajouter l&rsquo;un des widgets pr&eacute;install&eacute;s &agrave; votre site web WordPress :<\/p><ol class=\"wp-block-list\">\n<li>Dans le panneau d&rsquo;administration de WordPress, acc&eacute;dez &agrave; <strong>Apparence<\/strong> &rarr; <strong>&Eacute;diteur<\/strong>.<\/li>\n\n\n\n<li>Dans le menu <strong>Pages<\/strong>, s&eacute;lectionnez la page que vous souhaitez modifier.<\/li>\n\n\n\n<li>Survolez l&rsquo;emplacement o&ugrave; vous souhaitez ajouter un widget jusqu&rsquo;&agrave; ce que le bouton plus (<strong>+<\/strong>) apparaisse.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f80c397\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f80c397\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Ajouter-un-bouton-Ajouter-un-bloc-dans-lediteur-de-site-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Bouton d&rsquo;ajout d&rsquo;un bloc dans l&rsquo;&eacute;diteur de site WordPress\" class=\"wp-image-52425\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Ajouter-un-bouton-Ajouter-un-bloc-dans-lediteur-de-site-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Ajouter-un-bouton-Ajouter-un-bloc-dans-lediteur-de-site-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Ajouter-un-bouton-Ajouter-un-bloc-dans-lediteur-de-site-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Ajouter-un-bouton-Ajouter-un-bloc-dans-lediteur-de-site-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>+<\/strong> pour ouvrir la liste des blocs. S&eacute;lectionnez <strong>Tout parcourir<\/strong> pour afficher le panneau complet des blocs.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f80dce2\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f80dce2\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/panneau-de-bloc-complet-ouvert-dans-lediteur-de-site-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Section Widgets dans le panneau de tous les blocs WordPress\" class=\"wp-image-52427\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/panneau-de-bloc-complet-ouvert-dans-lediteur-de-site-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/panneau-de-bloc-complet-ouvert-dans-lediteur-de-site-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/panneau-de-bloc-complet-ouvert-dans-lediteur-de-site-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/panneau-de-bloc-complet-ouvert-dans-lediteur-de-site-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>S&eacute;lectionnez votre widget pour pr&eacute;visualiser son rendu sur la page.<\/li>\n\n\n\n<li>Personnalisez le widget &agrave; l&rsquo;aide du panneau de r&eacute;glages qui s&rsquo;affiche lorsque vous cliquez dessus.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f80fd49\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f80fd49\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"205\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Le-panneau-de-parametres-du-bloc-WordPress-est-ouvert.png\/w=1024,h=1024,fit=scale-down\" alt=\"Panneau de r&eacute;glages d&rsquo;un bloc dans l&rsquo;&eacute;diteur de site WordPress\" class=\"wp-image-52437\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Le-panneau-de-parametres-du-bloc-WordPress-est-ouvert.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Le-panneau-de-parametres-du-bloc-WordPress-est-ouvert.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Le-panneau-de-parametres-du-bloc-WordPress-est-ouvert.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/Le-panneau-de-parametres-du-bloc-WordPress-est-ouvert.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"7\" class=\"wp-block-list\">\n<li>Une fois la personnalisation termin&eacute;e, cliquez sur <strong>Enregistrer<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f81271d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f81271d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/bouton-Enregistrer-dans-lediteur-de-site-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Bouton Enregistrer dans l&rsquo;&eacute;diteur de site WordPress\" class=\"wp-image-52436\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/bouton-Enregistrer-dans-lediteur-de-site-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/bouton-Enregistrer-dans-lediteur-de-site-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/bouton-Enregistrer-dans-lediteur-de-site-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/bouton-Enregistrer-dans-lediteur-de-site-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading h-t-title-3\">Comment ajouter des widgets dans un th&egrave;me classique<\/h3><p class=\"wp-block-paragraph\">Les th&egrave;mes classiques utilisent toujours un syst&egrave;me d&eacute;di&eacute; aux widgets. Vous pouvez les ajouter et les g&eacute;rer depuis le tableau de bord WordPress, mais <strong>uniquement dans les zones de widgets<\/strong> d&eacute;finies par votre th&egrave;me.<\/p><p class=\"wp-block-paragraph\">Voici comment ajouter un widget dans un th&egrave;me WordPress classique :<\/p><ol class=\"wp-block-list\">\n<li>Dans votre tableau de bord WordPress, acc&eacute;dez &agrave; <strong>Apparence<\/strong> &rarr; <strong>Widgets<\/strong>.<\/li>\n\n\n\n<li>La zone de widgets propos&eacute;e par votre th&egrave;me appara&icirc;t dans le panneau d&rsquo;aper&ccedil;u. Cliquez sur le bouton <strong>+<\/strong> pour ajouter un widget.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f8146f0\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f8146f0\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"625\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/menu-de-widgets-dans-lediteur-classique-de-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Zone Widgets d&rsquo;un th&egrave;me WordPress classique\" class=\"wp-image-52438\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/menu-de-widgets-dans-lediteur-classique-de-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/menu-de-widgets-dans-lediteur-classique-de-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/menu-de-widgets-dans-lediteur-classique-de-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/menu-de-widgets-dans-lediteur-classique-de-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>S&eacute;lectionnez le widget souhait&eacute; et personnalisez-le selon vos besoins.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ab138f816381\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ab138f816381\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-selectionne-dans-le-theme-WordPress-Classic.png\/w=1024,h=1024,fit=scale-down\" alt=\"Widget WordPress s&eacute;lectionn&eacute; dans un th&egrave;me classique\" class=\"wp-image-52440\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-selectionne-dans-le-theme-WordPress-Classic.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-selectionne-dans-le-theme-WordPress-Classic.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-selectionne-dans-le-theme-WordPress-Classic.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/09\/widget-selectionne-dans-le-theme-WordPress-Classic.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Pour terminer, cliquez sur <strong>Mettre &agrave; jour<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading h-t-title-3\">Comment ajouter des widgets &agrave; l&rsquo;aide d&rsquo;une extension<\/h3><p class=\"wp-block-paragraph\">Certaines <a href=\"\/fr\/tutoriels\/plugin-wordpress-definition\/\">extensions WordPress<\/a> enrichissent le syst&egrave;me de widgets par d&eacute;faut en ajoutant de nouveaux widgets ou en offrant davantage de contr&ocirc;le sur ceux qui existent d&eacute;j&agrave;, notamment gr&acirc;ce &agrave; des r&egrave;gles de visibilit&eacute; ou &agrave; des r&eacute;glages d&rsquo;affichage.<\/p><p class=\"wp-block-paragraph\">Si vous utilisez un <strong>th&egrave;me classique<\/strong>, des extensions compl&eacute;mentaires au th&egrave;me comme Widget Options, RaraTheme Companion ou Custom Sidebars peuvent &eacute;tendre les fonctionnalit&eacute;s des widgets WordPress sur votre site.<\/p><p class=\"wp-block-paragraph\">Avec les th&egrave;mes bas&eacute;s sur des blocs, dont la mise en page repose enti&egrave;rement sur des blocs g&eacute;r&eacute;s dans l&rsquo;&eacute;diteur de site, les fonctionnalit&eacute;s li&eacute;es aux widgets peuvent &ecirc;tre limit&eacute;es, voire indisponibles. Dans ce cas, privil&eacute;giez des extensions de blocs comme Spectra, Kadence Blocks ou Stackable pour ajouter des fonctionnalit&eacute;s.<\/p><p class=\"wp-block-paragraph\">Une fois que vous avez trouv&eacute; l&rsquo;option qui vous convient, <a href=\"\/fr\/tutoriels\/ajouter-plugin-wordpress\/\">installez l&rsquo;extension<\/a>. Vous pourrez ensuite ajouter et configurer les widgets suppl&eacute;mentaires en suivant les m&ecirc;mes &eacute;tapes que dans les sections pr&eacute;c&eacute;dentes.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-bonnes-pratiques-pour-utiliser-les-widgets-wordpress\">Bonnes pratiques pour utiliser les widgets WordPress<\/h2><p class=\"wp-block-paragraph\">Bien utilis&eacute;s, les widgets peuvent am&eacute;liorer votre site. En revanche, s&rsquo;ils sont trop nombreux ou mal configur&eacute;s, ils risquent de surcharger la mise en page et de nuire &agrave; la performance de votre site WordPress.<\/p><p class=\"wp-block-paragraph\">Les conseils suivants vous aideront &agrave; utiliser les widgets de mani&egrave;re pertinente et &agrave; &eacute;viter les erreurs courantes.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Privil&eacute;giez la pertinence et la simplicit&eacute;<\/h3><p class=\"wp-block-paragraph\">Chaque widget doit avoir une utilit&eacute; claire pour le visiteur. S&rsquo;il ne facilite pas la navigation, ne met pas en avant un contenu important ou ne contribue pas aux conversions, il n&rsquo;a probablement pas sa place dans cette zone.<\/p><p class=\"wp-block-paragraph\">Par exemple, une barre lat&eacute;rale comprenant un champ de <strong>recherche<\/strong>, une <strong>courte pr&eacute;sentation<\/strong> et une <strong>liste de cat&eacute;gories<\/strong> facilite la navigation. En revanche, accumuler des widgets simplement pour remplir la barre lat&eacute;rale peut surcharger visuellement la page, et la plupart des visiteurs ne feront pas d&eacute;filer toute la liste.<\/p><p class=\"wp-block-paragraph\">Privil&eacute;giez une approche minimaliste :<\/p><ul class=\"wp-block-list\">\n<li>Misez sur l&rsquo;utilit&eacute; plut&ocirc;t que sur la d&eacute;coration.<\/li>\n\n\n\n<li>Limitez le nombre de widgets &agrave; trois &agrave; cinq par zone.<\/li>\n\n\n\n<li>Harmonisez l&rsquo;espacement, l&rsquo;alignement et la typographie pour que les widgets s&rsquo;int&egrave;grent visuellement au reste du site.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Des widgets bien plac&eacute;s doivent accompagner votre contenu, et non lui faire concurrence.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Tenez compte de l&rsquo;impact sur la performance<\/h3><p class=\"wp-block-paragraph\">Chaque widget ajoute du balisage, des scripts ou des requ&ecirc;tes externes. Les widgets qui chargent des flux de r&eacute;seaux sociaux, des cartes int&eacute;gr&eacute;es ou des scripts publicitaires tiers g&eacute;n&egrave;rent des requ&ecirc;tes suppl&eacute;mentaires vers le serveur &agrave; chaque chargement de page. Cela affecte directement la performance du site WordPress, en particulier sur les appareils mobiles.<\/p><p class=\"wp-block-paragraph\">Pour identifier les &eacute;l&eacute;ments qui ralentissent le chargement, testez la vitesse de votre site avec des outils comme Google PageSpeed Insights ou GTmetrix avant et apr&egrave;s l&rsquo;ajout de widgets.<\/p><p class=\"wp-block-paragraph\">Si votre site pr&eacute;sente des probl&egrave;mes de performance, v&eacute;rifiez en priorit&eacute; les widgets qui chargent des ressources externes, car ils font partie des causes courantes de ralentissement d&rsquo;un site WordPress.<\/p><p class=\"wp-block-paragraph\">Certains widgets, comme <strong>Produits associ&eacute;s<\/strong>, affichent du contenu dynamique qui peut devoir &ecirc;tre exclu du cache pour fonctionner correctement. Une mauvaise configuration de la mise en cache peut provoquer des dysfonctionnements ou ralentir votre site.<\/p><h3 class=\"wp-block-heading h-t-title-3\">V&eacute;rifiez la compatibilit&eacute; avant de publier<\/h3><p class=\"wp-block-paragraph\">Tous les widgets ne sont pas parfaitement compatibles avec tous les th&egrave;mes ni avec toutes les zones de widgets.<\/p><p class=\"wp-block-paragraph\">Par exemple, un widget con&ccedil;u pour un pied de page large peut mal s&rsquo;afficher dans une barre lat&eacute;rale &eacute;troite. De m&ecirc;me, les widgets tiers peuvent entrer en conflit avec le CSS ou le JavaScript de votre th&egrave;me.<\/p><p class=\"wp-block-paragraph\">Pr&eacute;visualisez toujours les widgets &agrave; l&rsquo;aide du Personnalisateur, de l&rsquo;&eacute;diteur de site ou d&rsquo;un <a href=\"\/fr\/tutoriels\/wordpress-staging\/\">environnement de staging<\/a> avant de publier vos modifications. Vous pourrez ainsi rep&eacute;rer les probl&egrave;mes de mise en page, les conflits de styles ou les comportements inattendus avant qu&rsquo;ils n&rsquo;affectent votre site en ligne.<\/p><h3 class=\"wp-block-heading h-t-title-3\">Pensez d&rsquo;abord aux appareils mobiles<\/h3><p class=\"wp-block-paragraph\">Sur les petits &eacute;crans, de nombreux th&egrave;mes d&eacute;placent les widgets de la barre lat&eacute;rale sous le contenu principal. Les visiteurs sur mobile peuvent donc devoir faire d&eacute;filer l&rsquo;int&eacute;gralit&eacute; d&rsquo;un article avant de voir le contenu de la barre lat&eacute;rale.<\/p><p class=\"wp-block-paragraph\">Posez-vous les questions suivantes :<\/p><ul class=\"wp-block-list\">\n<li>Ce widget doit-il appara&icirc;tre sur mobile ?<\/li>\n\n\n\n<li>Reste-t-il utile lorsqu&rsquo;il est plac&eacute; sous le contenu ?<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Si n&eacute;cessaire, utilisez les r&eacute;glages de visibilit&eacute; pour masquer certains widgets sur des appareils sp&eacute;cifiques.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-erreurs-courantes-a-eviter-avec-les-widgets-wordpress\">Erreurs courantes &agrave; &eacute;viter avec les widgets WordPress<\/h2><p class=\"wp-block-paragraph\">Pour que vos widgets am&eacute;liorent votre site au lieu de lui nuire, &eacute;vitez les erreurs courantes suivantes :<\/p><ul class=\"wp-block-list\">\n<li><strong>Surcharger les zones de widgets.<\/strong> Un trop grand nombre de widgets encombre la mise en page et ralentit le chargement.<\/li>\n\n\n\n<li><strong>Mal ordonner les widgets.<\/strong> Placez les widgets les plus importants en haut. Les utilisateurs font rarement d&eacute;filer une barre lat&eacute;rale jusqu&rsquo;en bas.<\/li>\n\n\n\n<li><strong>N&eacute;gliger l&rsquo;affichage sur mobile.<\/strong> Testez toujours les widgets sur les t&eacute;l&eacute;phones et les tablettes, et pas uniquement sur les &eacute;crans d&rsquo;ordinateur.<\/li>\n\n\n\n<li><strong>Utiliser des extensions obsol&egrave;tes.<\/strong> Avant d&rsquo;installer une extension de widgets, v&eacute;rifiez la date de sa derni&egrave;re mise &agrave; jour et son nombre d&rsquo;installations actives.<\/li>\n\n\n\n<li><strong>N&eacute;gliger les contr&ocirc;les de performance.<\/strong> &Eacute;valuez toujours l&rsquo;impact des nouveaux widgets sur la performance de votre site WordPress.<\/li>\n\n\n\n<li><strong>Mal configurer la mise en cache.<\/strong> V&eacute;rifiez que les widgets dynamiques sont exclus du cache lorsque n&eacute;cessaire.<\/li>\n<\/ul><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-etape-suivante-creez-un-widget-wordpress-personnalise\">&Eacute;tape suivante : cr&eacute;ez un widget WordPress personnalis&eacute;<\/h2><p class=\"wp-block-paragraph\">Les widgets par d&eacute;faut et ceux fournis par des extensions r&eacute;pondent &agrave; la plupart des besoins courants. Si vous avez besoin d&rsquo;une solution plus adapt&eacute;e &agrave; votre site web, cr&eacute;er un widget personnalis&eacute; vous permet d&rsquo;ajouter pr&eacute;cis&eacute;ment les fonctionnalit&eacute;s dont vous avez besoin.<\/p><p class=\"wp-block-paragraph\">Vous pouvez, par exemple, afficher des horaires d&rsquo;ouverture, une liste dynamique bas&eacute;e sur des types de publications personnalis&eacute;s ou un appel &agrave; l&rsquo;action r&eacute;utilisable adapt&eacute; &agrave; votre marque. Un widget personnalis&eacute; vous donne un contr&ocirc;le total sur son affichage, sa mise en page et son comportement.<\/p><p class=\"wp-block-paragraph\">La cr&eacute;ation d&rsquo;un widget personnalis&eacute; n&eacute;cessite une bonne ma&icirc;trise des bases du PHP, puisque WordPress repose sur ce langage. Vous devez &eacute;galement comprendre le fonctionnement de la classe <strong>WP_Widget<\/strong> et ma&icirc;triser les bases du HTML et du CSS pour structurer et mettre en forme le contenu g&eacute;n&eacute;r&eacute; par le widget.<\/p><p class=\"wp-block-paragraph\">Bien comprendre comment les th&egrave;mes et les extensions interagissent dans WordPress facilitera &eacute;galement le processus, mais il n&rsquo;est pas n&eacute;cessaire d&rsquo;&ecirc;tre un d&eacute;veloppeur exp&eacute;riment&eacute; pour vous lancer.<\/p><p class=\"wp-block-paragraph\">Si vous souhaitez en cr&eacute;er un vous-m&ecirc;me, suivez notre tutoriel &eacute;tape par &eacute;tape pour savoir <a href=\"\/fr\/tutoriels\/creer-un-widget-wordpress\/\">comment cr&eacute;er un widget personnalis&eacute; dans WordPress<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les widgets WordPress sont des &eacute;l&eacute;ments autonomes et modulaires, comme les barres de recherche, les listes d&rsquo;articles r&eacute;cents ou les flux de r&eacute;seaux sociaux, que vous pouvez ajouter &agrave; des zones telles que les barres lat&eacute;rales, les pieds de page et les en-t&ecirc;tes sans &eacute;crire de code. Ils servent principalement &agrave; enrichir les fonctionnalit&eacute;s et [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/widget-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":30235,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Widgets WordPress : d\u00e9finition et bonnes pratiques","rank_math_description":"D\u00e9couvrez ce que sont les widgets WordPress, comment les ajouter \u00e0 votre site et les bonnes pratiques \u00e0 suivre pour bien les utiliser et \u00e9viter les erreurs.","rank_math_focus_keyword":"widgets wordpress","footnotes":""},"categories":[5866,5848],"tags":[],"class_list":["post-15128","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnalisation-et-design","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-widgets\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-widget\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/widget-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-widget-wordpress\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-widget\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-widgets\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-widgets\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-widget-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-widget-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-widget-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-widget\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/15128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=15128"}],"version-history":[{"count":25,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/15128\/revisions"}],"predecessor-version":[{"id":52476,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/15128\/revisions\/52476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/30235"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=15128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=15128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=15128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}