{"id":70852,"date":"2022-10-04T07:00:01","date_gmt":"2022-10-04T14:00:01","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70852"},"modified":"2025-05-26T07:56:43","modified_gmt":"2025-05-26T14:56:43","slug":"widgets-sidebars-wordpress-tout-ce-que-tu-dois-savoir-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/widgets-sidebars-wordpress-tout-ce-que-tu-dois-savoir-fr\/","title":{"rendered":"Widgets & Sidebars WordPress : Tout Ce Que Tu Dois Savoir"},"content":{"rendered":"\n

Possiblement le point de vente le plus fort de WordPress est \u00e0 quel point il est personnalisable<\/a>, m\u00eame pour les d\u00e9butants. Bien s\u00fbr, tu dois toujours comprendre les caract\u00e9ristiques fondamentales de la plateforme si tu veux tirer le meilleur parti de ton site. Apprendre comment fonctionnent les barres lat\u00e9rales et les Widgets est un excellent premier pas.<\/p>\n\n\n

Les Widgets WordPress sont de petits modules pratiques qui te permettent d’ajouter des fonctionnalit\u00e9s sp\u00e9cifiques aux barres lat\u00e9rales et aux pieds de page des th\u00e8mes classiques. Encore mieux, tu n’as pas besoin de conna\u00eetre le codage pour les utiliser. Gr\u00e2ce aux Widgets, tu peux utiliser tes barres lat\u00e9rales pour afficher des images, des articles r\u00e9cents, une barre de recherche, et bien plus encore.<\/p>\n\n\n

Une Introduction Aux Widgets Et Aux Barres Lat\u00e9rales WordPress<\/b><\/h2>\n\n
\n
\"la<\/figure><\/div>\n\n

Il existe plusieurs mani\u00e8res dont WordPress t\u2019aide \u00e0 personnaliser l\u2019apparence et la fonctionnalit\u00e9 de ton site web, m\u00eame si tu n\u2019es pas un designer. Par exemple, les th\u00e8mes te permettent de faire des modifications \u00e0 grande \u00e9chelle<\/a> \u00e0 l\u2019apparence de ton site. Cependant, que faire si tu souhaites ajouter des fonctionnalit\u00e9s sp\u00e9cifiques \u00e0 tes pages web \u00e0 la place ?<\/p>\n\n\n

Entrez dans les Widgets<\/a> \u2014 des options simples mais flexibles qui sont incluses dans WordPress par d\u00e9faut. Les widgets sont de petits modules pr\u00e9construits qui ajoutent de nouvelles fonctionnalit\u00e9s \u00e0 ton site. En utilisant un widget, tu peux inclure des fonctionnalit\u00e9s telles qu’une barre de recherche, une liste de publications r\u00e9centes, un menu personnalis\u00e9, et bien plus encore. De plus, la m\u00e9thode pour placer r\u00e9ellement un widget sur ton site ne pourrait pas \u00eatre plus simple.<\/p>\n\n\n

En ce qui concerne leur emplacement, il existe une ou plusieurs zones d\u00e9sign\u00e9es \u2018zones de widget\u2019 sur ton site. Celles-ci peuvent souvent varier en fonction de ton th\u00e8me. Cependant, en g\u00e9n\u00e9ral, elles se trouvent dans la barre lat\u00e9rale(s) de ton site<\/a> et le pied de page. Par cons\u00e9quent, les Widgets peuvent d\u00e9velopper tes barres lat\u00e9rales et \u00e9l\u00e9ments similaires, afin que tu puisses personnaliser ce qu’ils contiennent.<\/p>\n\n\n

Comment Ajouter des Widgets \u00e0 Ton Site WordPress<\/b><\/h2>\n\n\n

Il est toujours plus facile de comprendre comment fonctionne une fonctionnalit\u00e9 en la voyant en action. Alors, d\u00e9couvrons exactement comment utiliser les Widgets dans WordPress.<\/p>\n\n\n

Il y a deux fa\u00e7ons d’ajouter des Widgets \u00e0 ton site. Tu veux te rendre sur ton tableau de bord et ensuite naviguer soit vers Apparence > Personnaliser<\/i> soit vers Apparence > Widgets<\/i>. Garde \u00e0 l’esprit que l’\u00c9diteur de site<\/a> n’utilise pas de Widgets, donc tu ne peux pas r\u00e9aliser l’une ou l’autre de ces m\u00e9thodes avec un th\u00e8me en blocs.<\/p>\n\n\n

Puisque le WordPress Customizer<\/a> te permet de voir les modifications apport\u00e9es \u00e0 ton site au fur et \u00e0 mesure que tu les fais, nous utiliserons la premi\u00e8re m\u00e9thode. Une fois que tu es dans l’\u00e9cran Customize<\/i>, clique sur l’onglet Widgets<\/i> :<\/p>\n\n

\n
\"personnalisation<\/figure><\/div>\n\n

Ici, tu verras une liste des zones de widget de ton site. Encore une fois, ce que ces zones sont (et o\u00f9 elles se trouvent sur tes pages) variera en fonction du th\u00e8me que tu utilises. Dans notre exemple, nous utilisons le th\u00e8me Twenty Seventeen<\/a> de WordPress, qui poss\u00e8de une barre lat\u00e9rale sur le c\u00f4t\u00e9 droit de la page et deux pieds de page s\u00e9par\u00e9s.<\/p>\n\n\n

Clique sur la zone de widget que tu souhaites personnaliser. Tu verras probablement d\u00e9j\u00e0 quelques Widgets list\u00e9s l\u00e0. Par exemple, Twenty Seventeen a deux Widgets Text<\/i> et un Widget Search<\/i> dans la barre lat\u00e9rale par d\u00e9faut :<\/p>\n\n

\n
\"personnalisation<\/figure><\/div>\n\n

S\u00e9lectionne le bouton Ajouter un Widget<\/i>, et tu verras une liste de toutes les options que tu peux placer dans ton espace widget. Disons que tu voulais inclure une liste de cat\u00e9gories dans ta barre lat\u00e9rale. Tu devrais simplement cliquer sur le widget Cat\u00e9gories<\/i>, et il appara\u00eetra dans la liste \u00e0 gauche :<\/p>\n\n

\n
\"param\u00e8tres<\/figure><\/div>\n\n

Pour personnaliser le widget lui-m\u00eame, clique sur la petite fl\u00e8che dans le coin droit. Chaque widget a des options uniques. Par exemple, le widget Categories<\/i> te permet de d\u00e9finir un titre et de choisir parmi quelques r\u00e9glages.<\/p>\n\n\n

Si tu veux supprimer un widget, tu peux cliquer sur Supprimer<\/i> en bas de sa fen\u00eatre. Pour r\u00e9organiser les widgets, s\u00e9lectionne-en un et fais-le glisser vers le haut ou vers le bas :<\/p>\n\n

\n
\"modification<\/figure><\/div>\n\n

Sur le c\u00f4t\u00e9 droit de la page, tu peux voir tes modifications en direct prendre effet. Par exemple, en glissant le widget Categories<\/i> dans ta barre lat\u00e9rale, il appara\u00eet imm\u00e9diatement sur la page.<\/p>\n\n\n

Tu peux faire cela avec toutes les zones de widget de ton site, en les ajustant jusqu’\u00e0 ce que tu sois satisfait. Quand tu as termin\u00e9, n’oublie pas d’appuyer sur le bouton Publier<\/i> pour sauvegarder tes modifications !<\/p>\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>