{"id":21927,"date":"2020-06-30T03:00:14","date_gmt":"2020-06-30T03:00:14","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-cotes-dynamiques-rapides-au-widget-wordpress\/"},"modified":"2020-06-30T03:00:14","modified_gmt":"2020-06-30T03:00:14","slug":"comment-ajouter-des-barres-cotes-dynamiques-rapides-au-widget-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-barres-cotes-dynamiques-rapides-au-widget-wordpress\/","title":{"rendered":"Comment ajouter des barres C\u00f4t\u00e9s dynamiques rapides au widget WordPress"},"content":{"rendered":"<p>Les widgets ne sont qu&#8217;une partie de deux th\u00e8mes WordPress qui sont difficiles \u00e0 imaginer un th\u00e8me WordPress sans widgets.  Les widgets ne sont que des scripts que vous pouvez simplement faire glisser et d\u00e9poser sur vos barres lat\u00e9rales ou toute autre zone pr\u00eate pour un widget sur votre th\u00e8me.  Beaucoup d&#8217;entre nous lecteurs utilisent des widgets pour ajouter des \u00e9l\u00e9ments personnalis\u00e9s \u00e0 la barre lat\u00e9rale.  Cependant, cet article est destin\u00e9 aux utilisateurs curieux qui souhaitent apprendre \u00e0 ajouter des barres C\u00f4t\u00e9s dynamiques pr\u00eats pour le widget ou zones pr\u00eates pour le widget dans les th\u00e8mes WordPress. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Enregistrement_de_barre_Zones_pretes_pour_les_cotes_ou_les_widgets_pas_WordPress\"><\/span>Enregistrement de barre Zones pr\u00eates pour les c\u00f4t\u00e9s ou les widgets pas WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Tout d&#8217;abord, vous devez enregistrer votre barre lat\u00e9rale ou votre zone d&#8217;invite pour un widget pour votre th\u00e8me.  Vous pouvez enregistrer plusieurs barres, c\u00f4t\u00e9s et zones pr\u00e9par\u00e9s pour les widgets.  Copiez les fonctions du code cole esse nonfile. Php do seu tema <\/p>\n<p>  fun\u00e7\u00e3o wpb_widgets_init () {<\/p>\n<p> register_sidebar (array (<br \/> &#8216;name&#8217; => __ (&#8216;Barre lat\u00e9rale principale&#8217;, &#8216;wpb&#8217;),<br \/> &#8216;id&#8217; => &#8216;sidebar-1&#8217;,<br \/> &#8216;description&#8217; => __ (&#8216;La barre lat\u00e9rale principale appara\u00eet directement sur chaque page, \u00e0 l&#8217;exception du mod\u00e8le sur la premi\u00e8re page&#8217;, &#8216;wpb&#8217;),<br \/> &#8216;before_widget&#8217; => &#8221;,<br \/> &#8216;after_widget&#8217; => &#8221;,<br \/> &#8216;before_title&#8217; => &#8216;<\/p>\n<h3 class=\"widget-title\"><span class=\"ez-toc-section\" id=\"%E2%80%98_%E2%80%98after_title_%3E_%E2%80%98\"><\/span>&#8216;,<br \/> &#8216;after_title&#8217; => &#8216;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&#8216;,<br \/> ));<\/p>\n<p> register_sidebar (array (<br \/> &#8216;name&#8217; => __ (&#8216;Barre lat\u00e9rale de la premi\u00e8re page&#8217;, &#8216;wpb&#8217;),<br \/> &#8216;id&#8217; => &#8216;sidebar-2&#8217;,<br \/> &#8216;description&#8217; => __ (&#8216;Aucun mod\u00e8le statique n&#8217;appara\u00eet sur la premi\u00e8re page&#8217;, &#8216;wpb&#8217;),<br \/> &#8216;before_widget&#8217; => &#8221;,<br \/> &#8216;after_widget&#8217; => &#8221;,<br \/> &#8216;before_title&#8217; => &#8216;<\/p>\n<h3 class=\"widget-title\"><span class=\"ez-toc-section\" id=\"%E2%80%98_%E2%80%98after_title_%3E_%E2%80%98-2\"><\/span>&#8216;,<br \/> &#8216;after_title&#8217; => &#8216;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&#8216;,<br \/> ));<br \/> }<\/p>\n<p> add_action (&#8216;widgets_init&#8217;, &#8216;wpb_widgets_init&#8217;);<\/p>\n<p>Code Nesse, nous enregistrons deux barres lat\u00e9rales.  Nous donnons les noms et descriptions pour les identifier sur le widget.  Ou le param\u00e8tre de description peut \u00eatre utilis\u00e9 pour informer les utilisateurs lorsque cette barre lat\u00e9rale appara\u00eet non d&#8217;actualit\u00e9.  Ou wpb ou nome do sujet dans lequel nous travaillons, est utilis\u00e9 ici pour renvoyer ces seq\u00fc\u00eancias traduz\u00edveis.  Voc\u00ea deve j&#8217;ai substitu\u00e9 les cheveux nome do seu tema. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/widgetsidebars.png\" alt=\"Barres lat\u00e9rales recr\u00e9\u00e9es qui apparaissent sur le Web du widget\" width=\"520\" height=\"230\" class=\"alignnone size-full wp-image-15846\" title=\"Barres lat\u00e9rales recr\u00e9\u00e9es qui apparaissent sur le Web du widget\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ajouter_des_barres_Cotes_dynamiques_prets_pour_le_widget_dans_les_fichiers_de_theme_WordPress\"><\/span>Ajouter des barres C\u00f4t\u00e9s dynamiques pr\u00eats pour le widget dans les fichiers de th\u00e8me WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>At\u00e9 agora, nous avons \u00e0 peine enregistr\u00e9 des barres aux c\u00f4t\u00e9s dynamiques.  Vous pouvez faire glisser et d\u00e9poser les widgets des barres <strong>Apparence \u00bbWidgets<\/strong> tissu.  En attendant, ces barres Comme les parois lat\u00e9rales appara\u00eetront, aucun endroit ne sera une semadas dans un mod\u00e8le en tant que sidebar.php ou dans tout autre endroit que vous afficheriez.  Pour ajouter ces zones du widget, modifiez ou mod\u00e9lisez le fichier o\u00f9 vous souhaitez afficher le code: <\/p>\n<p>Dans cet exemple de code, nous utilisons l&#8217;ID de la barre lat\u00e9rale pour appeler la barre lat\u00e9rale que nous voulons afficher ici.  Modifiez ou identifiez la barre lat\u00e9rale pour afficher une autre barre lat\u00e9rale.  Par exemple, vous pouvez taxer trois barres sur les c\u00f4t\u00e9s de la zone de la plinthe, puis, um a um un mod\u00e8le footer.php de votre sujet. <\/p>\n<p>Vos widgets peuvent \u00eatre tr\u00e8s puissants.  Vous pouvez ajouter des widgets \u00e0 vos publications et au contenu de la page, ajouter des widgets de texte color\u00e9s, ou d\u00e9velopper ou utiliser deux widgets WordPress.  Les barres \u00e0 droite du widget correctement positionn\u00e9 permettent aux utilisateurs d&#8217;ajouter des \u00e9l\u00e9ments personnalis\u00e9s \u00e0 six sites \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. Murs lat\u00e9raux pr\u00eats pour les widgets WordPress dynamiques.  Nous vous recommandons d&#8217;\u00e9tudier ou de coder dans des structures th\u00e9matiques telles que ou Genesis pour savoir comment vous \u00eates comp\u00e9tent lorsque nous utilisons vos 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-cotes-dynamiques-rapides-au-widget-wordpress\/#Enregistrement_de_barre_Zones_pretes_pour_les_cotes_ou_les_widgets_pas_WordPress\" >Enregistrement de barre Zones pr\u00eates pour les c\u00f4t\u00e9s ou les widgets pas 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-cotes-dynamiques-rapides-au-widget-wordpress\/#%E2%80%98_%E2%80%98after_title_%3E_%E2%80%98\" >&#8216;, &#8216;after_title&#8217; => &#8216;<\/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-cotes-dynamiques-rapides-au-widget-wordpress\/#%E2%80%98_%E2%80%98after_title_%3E_%E2%80%98-2\" >&#8216;, &#8216;after_title&#8217; => &#8216;<\/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-cotes-dynamiques-rapides-au-widget-wordpress\/#Ajouter_des_barres_Cotes_dynamiques_prets_pour_le_widget_dans_les_fichiers_de_theme_WordPress\" >Ajouter des barres C\u00f4t\u00e9s dynamiques pr\u00eats pour le widget dans les fichiers de th\u00e8me WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Les widgets ne sont qu&#8217;une partie de deux th\u00e8mes WordPress qui sont difficiles \u00e0 imaginer un th\u00e8me WordPress sans widgets. Les widgets ne sont que des scripts que vous pouvez simplement faire glisser et d\u00e9poser sur vos barres lat\u00e9rales ou toute autre zone pr\u00eate pour un widget sur votre th\u00e8me. Beaucoup d&#8217;entre nous lecteurs utilisent [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21928,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[274,3479,31,974,21,891,217,3074,45],"class_list":["post-21927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-ajouter","tag-barres","tag-comment","tag-cotes","tag-des","tag-dynamiques","tag-rapides","tag-widget","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/21927","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=21927"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/21927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/21928"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=21927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=21927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=21927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}