Ajoutez une zone à widget dans votre thème WordPress

Written by Sebastien Lambot on . Posted in Web

Les thèmes pour WordPress ne disposent pas toujours des emplacements nécessaires à vos widgets. Pourtant, la méthode est très simple et se déroule en 2 étapes.

Avant de commencer, assurez-vous qu’un backup de votre site existe et que vous travaillez sur un child-theme si vous vous basez sur un thème modifié.

1. Enregistrer l’emplacement widget

Dans le fichier functions.php , ajoutez le code suivant à la fin du fichier mais avant la balise de fermeture de php:

if ( function_exists('register_sidebar') ){
  register_sidebar(array(
    'name' => 'my_widget_place',
    'before_widget' => '<div id="my-widget">',
    'after_widget' => '</div>',
    'before_title' => '',
    'after_title' => '',
  ));
}

Le name est le nom qui sera affiché dans le menu widget de votre interface admin.

Le « before-widget » sert à insérer la balise div qui nous permettra de mettre en forme notre menu grâce au css.

2. Intégrer l’emplacement widget au thème

En fonction de l’endroit où vous souhaitez l’insérer, éditez le fichier .php qui convient. Dans mon cas, je souhaite ajouter l’emplacement dans le header, je vais donc éditer header.php et ajouter le code suivant au bon endroit:

<?php /* My widget place */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_widget_place') ) : ?><?php endif ?>

Une fois votre emplacement widget créé, il ne vous reste plus qu’à y placer un widget et tester son affichage sur votre site.

L’apparence est bien sûr customisable grâce au div spécifié dans le functions.php et aux fichiers css (style.css en général).

Tags: ,

Trackback from your site.

Leave a comment

You must be logged in to post a comment.