Les widgets font partie intégrante des thèmes WordPress qu'il est difficile d'imaginer un thème WordPress sans widgets. Les widgets sont des scripts exécutables que vous pouvez simplement glisser-déposer dans vos barres latérales ou toute autre zone prête pour les widgets de votre thème. Bon nombre de nos lecteurs utilisent des widgets pour ajouter des éléments personnalisés à leur barre latérale. Cependant, cet article s'adresse aux utilisateurs curieux qui souhaitent apprendre à ajouter des barres latérales dynamiques prêtes pour les widgets ou des zones prêtes pour les widgets dans les thèmes WordPress.
Enregistrer des barres latérales ou des zones prêtes pour les widgets dans WordPress
La première chose que vous devez faire est d'enregistrer votre barre latérale ou votre zone prête pour les widgets pour votre thème. Vous pouvez enregistrer plusieurs barres latérales et zones prêtes pour les widgets. Copiez et collez ce code dans le fichier functions.php de votre thème
function wpb_widgets_init() {
register_sidebar( array(
'name' => __( 'Main Sidebar', 'wpb' ),
'id' => 'sidebar-1',
'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' =>__( 'Front page sidebar', 'wpb'),
'id' => 'sidebar-2',
'description' => __( 'Appears on the static front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'wpb_widgets_init' );
In this code, we have registered two sidebars. We have given them names and descriptions to identify them on Widgets screen. The description parameter can be used to tell users where this sidebar appears in the theme. The wpb is the name of the theme we are working on, it is used here to make these strings translatable. You should replace it with your theme name.
Ajout de barres latérales dynamiques prêtes pour les widgets dans les fichiers de thème WordPress
Jusqu'à présent, nous n'avons enregistré que des barres latérales dynamiques. Les utilisateurs peuvent faire glisser et déposer des widgets dans ces barres latérales depuis l'écran Apparence » Widgets. Cependant, ces barres latérales n'apparaîtront sur votre site que lorsqu'elles seront appelées dans un modèle comme sidebar.php ou n'importe où ailleurs où vous souhaitez les afficher. Pour ajouter ces zones de widgets, modifiez le fichier modèle où vous souhaitez les afficher et collez ce code :
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
Dans cet exemple de code, nous avons utilisé l'ID de la barre latérale pour appeler la barre latérale que nous voulons afficher ici. Changez l'ID de la barre latérale pour afficher une autre barre latérale. Par exemple, vous pouvez enregistrer trois barres latérales pour la zone du pied de page, puis les appeler une par une dans le modèle footer.php de votre thème.
Les widgets peuvent être très puissants. Vous pouvez ajouter des widgets à vos articles et au contenu de vos pages, rendre vos widgets de texte colorés, ou étendre la puissance des widgets WordPress par défaut. Les barres latérales prêtes pour les widgets, correctement placées, permettent aux utilisateurs d'ajouter des éléments personnalisés à leurs sites Web à l'aide d'une simple interface de glisser-déposer.
We hope that this article helped you learn how to add dynamic widget ready sidebars in WordPress. We would recommend that you study the code in theme frameworks such as Genesis to learn how professionals are using them in their products. For questions and feedback please leave a comment below.
nabil
salut j'ai besoin de deux colonnes dans la barre latérale ! comment puis-je faire cela avec CSS
Jason
Où puis-je étendre les fonctionnalités de mes widgets WordPress
Milada
Bonjour l'équipe à nouveau,
Désolé de vous déranger, mais j'aimerais préciser que j'aurais besoin d'un widget au-dessus du widget actuel de la barre latérale principale des thèmes à droite et de l'autre widget sur le côté gauche de l'article au milieu.
Comment dois-je procéder ?
Merci,
Milada
Milada
Bonjour l'équipe à nouveau,
how do I add a field in the widget and which and where do I paste a field code to have there affiliate links?
Thank you,
Milada
Tanmay Bala
Je veux apprendre à utiliser le plugin DB dans WordPress et le framework Redux.
Marc
This tutorial was a great help.
Been trying to accomplish this for about a week now.
Nice and to-the-point.
Merci !
Laura
I just wondered, before I actually paste the code, does this work on a theme that originally doesn’t come with a sidebar? I’m using Book Lite which only has footers.
Support WPBeginner
Oui, ça marche.
Admin
Laura
Merci pour votre aide jusqu'à présent – j'ai essayé d'enregistrer la barre latérale mais à chaque fois que j'appuie sur « enregistrer », j'obtiens l'écran blanc de la mort – ce qui ne m'était jamais arrivé auparavant. Avez-vous des suggestions sur ce qui pourrait être le problème ?
Lohith
Thanks Alot
Its really wonderful and simple method to explain….
Bakopu
Merci beaucoup monsieur. Où êtes-vous monsieur, nous voulons recevoir vos bénédictions en vous touchant les pieds.
akhilesh
merci monsieur ces publications m'ont été très utiles
Marcos Nakamine
Worked perfectly
Merci
gWorldz
I am having trouble getting the widget to display o.O
Le widget s'enregistre et s'affiche correctement dans le back-end sans problème, cependant, il n'affichera le contenu de mon widget que si j'inclus du contenu dans le widget précédent.
J'utilise un thème enfant de 2011 et j'enregistre une zone de pied de page supplémentaire.
Extrait de functions.php :
https://gist.github.com/gWorldz/76273b5901e1b5c4759b#file-functions-php
sidebar-footer.php
https://gist.github.com/gWorldz/b6177ccc9734718dd636#file-sidebar-footer-php
style.css
https://gist.github.com/gWorldz/0f24a9350da164ee2f29#file-style-css
Avez-vous une idée de ce que je fais mal ou de ce qui cause ce problème ?
Tiger
Avez-vous obtenu de l'aide pour cela ? Je rencontre le même problème.
MJ
Je voulais juste vous remercier pour cela. J'ai cherché sur Google comment enregistrer une barre latérale dans WordPress, et j'ai consulté quelques autres sites avant celui-ci, et le vôtre avait les meilleures, les plus claires et les plus compréhensibles instructions. Bien joué.
arvind
votre publication m'est utile,
merci !!!!!!!
Dharmendra Prajapati
Finally i got my dynamic widget ready sidebar after 23 days… I was googled all the sites.. and finally i redirected @ your site.
Merci
Kevin
Dans le deuxième extrait, où vous insérez le code du widget dans le modèle, où vous avez
div id="secondary"
Should that id change with each widget area.
Ex:
First, Secondary, Third, fourth, etc
Support WPBeginner
Kevin yes you should, and it should be named after the widget area or the sidebar it is representing.
Admin
SS
Fonctionne pour enregistrer les barres latérales, mais lorsque je vais à l'écran Apparence » Widgets, je vois tous mes widgets mais rien pour y glisser quoi que ce soit.
Support WPBeginner
SS, when you have successfully registered a dynamic widget ready sidebar it will appear on Widgets screen. This means that registering sidebars probably didn’t work.
Admin
Steve Smart
Hi –
C'est une publication très utile. Merci !
J'ai réussi à utiliser une zone de widgets dynamique, maintenant j'essaie d'en implémenter plus d'une. Tout semble fonctionner comme prévu, à l'exception d'un problème étrange dans le tableau de bord. Si je fais glisser un widget de texte vers ma deuxième zone de widgets dynamique, je peux ajouter du contenu comme vous vous y attendez, et l'enregistrer, et cela produit un résultat sur mes pages comme prévu, cependant si je revisite la page des widgets du tableau de bord, la deuxième zone de widgets ne semble pas contenir de widgets.
I am using a twentytwelve-child theme, and Wordpress 3.7.1.
Des idées ?
Jackson
Hearty thanks….You have done such a wonderful work…thanks thanks thanks…
JP
merci, j'ai trouvé cela utile. droit au but.
Praveen Prasad
Pouvez-vous me dire où la fonction d'appel a commencé ?
Ed Du
Vous pouvez également utiliser Headway avec un bloc supplémentaire et il s'occupera de tout cela. Ou pagelines d'ailleurs.