{"id":14965,"date":"2020-05-24T03:07:14","date_gmt":"2020-05-24T03:07:14","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/"},"modified":"2020-05-24T03:07:14","modified_gmt":"2020-05-24T03:07:14","slug":"comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/","title":{"rendered":"Comment ajouter des barres lat\u00e9rales dynamiques pr\u00eates pour les widgets dans WordPress"},"content":{"rendered":"<p>Les widgets font tellement partie int\u00e9grante des th\u00e8mes WordPress qu&#8217;il est difficile d&#8217;imaginer un th\u00e8me WordPress sans widgets. Les widgets sont des scripts ex\u00e9cutables que vous pouvez simplement faire glisser et d\u00e9poser sur leurs barres lat\u00e9rales ou toute autre zone pr\u00eate pour les widgets de votre th\u00e8me. Beaucoup de nos lecteurs utilisent des widgets pour ajouter des \u00e9l\u00e9ments personnalis\u00e9s \u00e0 leur barre lat\u00e9rale. Cependant, cet article est destin\u00e9 aux utilisateurs curieux qui souhaitent apprendre \u00e0 ajouter des barres lat\u00e9rales dynamiques ou des zones pr\u00eates pour les widgets dans les th\u00e8mes WordPress. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Enregistrez_des_barres_laterales_ou_des_zones_pretes_pour_les_widgets_dans_WordPress\"><\/span>Enregistrez des barres lat\u00e9rales ou des zones pr\u00eates pour les widgets dans WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>La premi\u00e8re chose \u00e0 faire est d&#8217;enregistrer votre barre lat\u00e9rale ou votre zone pr\u00eate pour les widgets pour votre th\u00e8me. Vous pouvez enregistrer plusieurs barres lat\u00e9rales et zones pr\u00eates pour les widgets. Copiez et collez ce code dans le fichier functions.php de votre th\u00e8me <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">function wpb_widgets_init() {\r\n\r\n\tregister_sidebar( array(\r\n\t\t'name' => __( 'Main Sidebar', 'wpb' ),\r\n\t\t'id' => 'sidebar-1',\r\n\t\t'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),\r\n\t\t'before_widget' => '',\r\n\t\t'after_widget' => '',\r\n\t\t'before_title' => '<h3 class=\"widget-title\"><span class=\"ez-toc-section\" id=\"_after_title_%3E\"><\/span>',\r\n\t\t'after_title' => '<span class=\"ez-toc-section-end\"><\/span><\/h3>',\r\n\t) );\r\n\r\n\tregister_sidebar( array(\r\n\t\t'name' =>__( 'Front page sidebar', 'wpb'),\r\n\t\t'id' => 'sidebar-2',\r\n\t\t'description' => __( 'Appears on the static front page template', 'wpb' ),\r\n\t\t'before_widget' => '',\r\n\t\t'after_widget' => '',\r\n\t\t'before_title' => '<h3 class=\"widget-title\"><span class=\"ez-toc-section\" id=\"_after_title_%3E-2\"><\/span>',\r\n\t\t'after_title' => '<span class=\"ez-toc-section-end\"><\/span><\/h3>',\r\n\t) );\r\n\t}\r\n\r\nadd_action( 'widgets_init', 'wpb_widgets_init' );\r\n\r\n<\/pre>\n<p>Dans ce code, nous avons enregistr\u00e9 deux barres lat\u00e9rales. Nous leur avons donn\u00e9 des noms et des descriptions pour les identifier sur l&#8217;\u00e9cran du widget. Le param\u00e8tre de description peut \u00eatre utilis\u00e9 pour indiquer aux utilisateurs o\u00f9 cette barre lat\u00e9rale appara\u00eet dans la rubrique. Le wpb est le nom du sujet sur lequel nous travaillons, il est utilis\u00e9 ici pour rendre ces cha\u00eenes traduisibles. Vous devez le remplacer par le nom de votre th\u00e8me. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/widgetsidebars.png\" alt=\"Barres lat\u00e9rales nouvellement cr\u00e9\u00e9es qui apparaissent sur l'\u00e9cran du widget\" width=\"520\" height=\"230\" class=\"alignnone size-full wp-image-15846\" title=\"Barres lat\u00e9rales nouvellement cr\u00e9\u00e9es qui apparaissent sur l'\u00e9cran du widget\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ajouter_des_barres_laterales_dynamiques_pretes_pour_les_widgets_dans_les_fichiers_de_theme_WordPress\"><\/span>Ajouter des barres lat\u00e9rales dynamiques pr\u00eates pour les widgets dans les fichiers de th\u00e8me WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Jusqu&#8217;\u00e0 pr\u00e9sent, nous n&#8217;avons enregistr\u00e9 que des barres lat\u00e9rales dynamiques. Les utilisateurs peuvent faire glisser et d\u00e9poser des widgets sur ces barres lat\u00e9rales depuis <strong>Apparence \u00bbWidgets<\/strong> \u00e9cran. Cependant, ces barres lat\u00e9rales n&#8217;appara\u00eetront pas en place jusqu&#8217;\u00e0 ce qu&#8217;elles soient appel\u00e9es dans un mod\u00e8le tel que sidebar.php ou n&#8217;importe o\u00f9 ailleurs pour les afficher. Pour ajouter ces zones de widget, modifiez le fichier mod\u00e8le o\u00f9 vous souhaitez les afficher et collez ce code: <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\t\r\n\r\n<\/pre>\n<p>Dans cet exemple de code, nous avons utilis\u00e9 l&#8217;ID de la barre lat\u00e9rale pour appeler la barre lat\u00e9rale que nous voulons afficher ici. Modifiez l&#8217;ID de la barre lat\u00e9rale pour afficher une autre barre lat\u00e9rale. Par exemple, vous pouvez enregistrer trois barres lat\u00e9rales pour la zone de pied de page, puis les appeler une par une dans le mod\u00e8le footer.php de votre th\u00e8me. <\/p>\n<p>Les widgets peuvent \u00eatre tr\u00e8s puissants. Vous pouvez ajouter des widgets \u00e0 vos publications et au contenu de la page, rendre vos widgets de texte color\u00e9s ou \u00e9tendre la puissance des widgets par d\u00e9faut de WordPress. Des barres lat\u00e9rales pr\u00eates \u00e0 l&#8217;emploi, correctement plac\u00e9es, permettent aux utilisateurs d&#8217;ajouter des \u00e9l\u00e9ments personnalis\u00e9s \u00e0 leurs sites Web \u00e0 l&#8217;aide d&#8217;une simple interface glisser-d\u00e9poser. <\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 ajouter des barres lat\u00e9rales pr\u00eates pour les widgets dynamiques dans WordPress. Nous vous recommandons d&#8217;\u00e9tudier le code dans des cadres th\u00e9matiques comme Genesis pour savoir comment les professionnels les utilisent dans leurs produits. Pour des questions et commentaires, veuillez laisser un commentaire ci-dessous.  <\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/#Enregistrez_des_barres_laterales_ou_des_zones_pretes_pour_les_widgets_dans_WordPress\" >Enregistrez des barres lat\u00e9rales ou des zones pr\u00eates pour les widgets dans WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/#_after_title_%3E\" >',\r\n\t\t'after_title' => '<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/#_after_title_%3E-2\" >',\r\n\t\t'after_title' => '<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-laterales-dynamiques-pretes-pour-les-widgets-dans-wordpress\/#Ajouter_des_barres_laterales_dynamiques_pretes_pour_les_widgets_dans_les_fichiers_de_theme_WordPress\" >Ajouter des barres lat\u00e9rales dynamiques pr\u00eates pour les widgets dans les fichiers de th\u00e8me WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Les widgets font tellement partie int\u00e9grante des th\u00e8mes WordPress qu&#8217;il est difficile d&#8217;imaginer un th\u00e8me WordPress sans widgets. Les widgets sont des scripts ex\u00e9cutables que vous pouvez simplement faire glisser et d\u00e9poser sur leurs barres lat\u00e9rales ou toute autre zone pr\u00eate pour les widgets de votre th\u00e8me. Beaucoup de nos lecteurs utilisent des widgets pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14966,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-14965","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/14965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=14965"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/14965\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/14966"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=14965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=14965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=14965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}