Créer une sidebar widgétisée dans WordPress

Commencez par ouvrir le fichier contenant votre sidebar. En général, il se nomme sidebar.php ou second.php. Puis, ajoutez cette ligne de code à l’emplacement de votre choix.

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar') ) : ?>

Ensuite, il nous faut déclarer en quelque sorte notre sidebar widgétisée dans le fichier functions.php. Si ce dernier n’existe pas, créez-le. Ajoutez-y ces lignes de code :

<?php if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'Sidebar',
'before_widget' => '<div class="nom_de_la_classe">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

Vous remarquerez que notre barre latérale widgétisée s’appelle ici Sidebar mais vous pouvez l’appeler comme bon vous semble. Toutefois, si vous souhaitez la nommer autrement, n’oubliez pas de modifier son nom dans les deux morceaux de code précédemment utilisés.

Quelques explications sur ces lignes de code :

• ‘before_widget’ et ‘after_widget’ : permettent d’encadrer votre sidebar d’une balise div pour la styliser ;
• ‘before_title’ et ‘after_title’ : permettent d’appliquer un style aux différents intitulés de vos widgets (par exemple, articles récents ou articles populaires) ;

Sauvegardez vos modifications puis rendez-vous sur la page Widgets où vous devriez voir apparaître dans une liste déroulante le nom de votre sidebar. Il ne vous reste plus qu’à y ajouter des widgets.

Notez que vous pouvez créer autant d’emplacements widgétisés que vous nécessaire en prenant soin de les nommer différemment. De plus, tout emplacement de votre site peut widgétisé comme un footer, ce qui le cas de Protuts.

Désormais, vous n’aurez plus à vous soucier de savoir si le thème est widgétisé ou non .

11 commentaires pour “Créer une sidebar widgétisée dans WordPress”

1. Thierry Roget dit :

   28 mai 2009 à 21 h 55 min

   Bonjour, je viens de widgetisez mon footer en suivant scrupuleusement ton tuto, j’ai réussi sans problème,
   Merci de cet information
   Thierry

   Répondre
   • Rainbow dit :

     29 mai 2009 à 8 h 43 min

     @Thierry Roget : Pas de quoi

     Répondre
2. said026 dit :

   31 mai 2009 à 21 h 20 min

   Merci pour ce tutoriel rainbow

   Répondre
3. Bingo dit :

   18 juin 2009 à 13 h 35 min

   Pour ma part ça ne marche pas :/
   J’ai l’erreur suivante « Parse error: parse error in … »

   Si quelqu’un a une idée, je suis preneur

   Merci !

   Répondre
4. Rainbow dit :

   18 juin 2009 à 16 h 44 min

   @Bingo : cela vient sûrement du fichier functions.php. Je pense que ton fichier n’est pas vide, n’est ce pas ?

   A mon avis, tu as dû ajouter le code à l’intérieur d’un autre morceau de code.

   Indiques moi un lien vers ton fichier et je regarderai pour voir.

   Répondre
5. Maigret dit :

   18 juin 2009 à 16 h 51 min

   @Bingo : pour résoudre ce genre de problème particulier, le mieux est que tu t’inscrives sur le forum. Tu pourras facilement copier / coller des bouts de code si besoin est.

   Répondre
6. NoireôNaturel dit :

   29 juillet 2009 à 14 h 40 min

   Bonjour,

   Je suis bloggeuse depuis peu et je débute, j’ai créér mon blog récemment mais dans le thème que j’ai choisi, je n’ai aucun widget ce qui est tout à fait problématique, je ne peux pas faire ce que je veux et c’est problématique. J’ai suivi vos instructions, j’ai ouvert les deux documents .php, j’y ai fait les modifications et je les ai enregistrés sour Wordpad, était ce la bonne chose à faire. En tt cas, cela ne fonctionne pas, toujours pas de widget !!!! Aidez-moi, svp, c’est tellement frustrant !!! Mille merci par avance !!!

   Karambole

   Répondre
7. NoireôNaturel dit :

   29 juillet 2009 à 14 h 46 min

   Je viens de télécharger Notepad, mais toujours pas de widget

   Répondre
8. Rainbow dit :

   2 août 2009 à 14 h 49 min

   @NoireôNaturel : heu tu as uploadé les fichiers vers ton hébergeur ?

   Répondre
9. LetTheMusicPlay dit :

   30 août 2009 à 22 h 34 min

   Bonjour à tous !!

   Pour ma part même erreur que pour « BingoBingo » qui est un « Parse error: parse error in … » après avoir suivit le tuto…!

   Répondre
10. Rainbow dit :

    31 août 2009 à 10 h 38 min

    @letthemusicplay @Bingo : Bonjour,

    quelle version de WP utilisez vous ? Votre fichier functions.php est-il vide, ou que contient t-il ?

    Pour répondre plus facilement, il serait préférable d’ouvrir un topic sur le forum notamment pour partager du code.

    Merci

    Répondre