Widgetiser son footer

Pour les thème, qui n’ont pas cette fonction, vous pouvez ajouter 3 widgets dans notre footer

Première étape, il faut déclarer dans le fichier /includes/widget.php les 3 « sidebars » grâce à la fonction register_sidebar.

{code type=php} register_sidebar( array(
‘name’ => ‘footer-sidebar1’,
‘before_widget’ => ‘<li>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h5>’,
‘after_title’ => ‘</h5>’
) );{/code}

Copier/coller le bout de code, 3 fois et remplacer les noms pour avoir des noms uniques
A noter le codex fourni un code permettant d’incrémenter automatiquement les variables (voir fonction register_sidebar).
La page de configuration des widgets affiche désormais les Footer-sidebar crées.

Deuxième étape, un peu de style, avant de l’intégrer au footer.
Ouvrez le fichier style.css et ajouter les id suivantes :

Pour définir le container qui va inclure les 3 colonnes widgetisées.

{code type=css}
#footer-sidebar {
display:block;
height: 260px;
}
#footer-sidebar1 {
float: inherit;
width: 200px;
height: 260px;
margin-right:20px;
}
#footer-sidebar2 {
float: left;
width: 340px;
margin-right:20px;
height: 260px;
}
#footer-sidebar3 {
float: right;
width: 300px;
margin-right:20px;
height: 180px;
}
{/code}

Dernière étape, intégrer le tout dans le fichier footer.php
Dans la balise id=footer, on va créer les balises div qui vont accueillir les sidebars.
{code type=php}

{/code}

Plus Aide-mémoire qu’autre chose, je partage et donne des pistes à suivre pour améliorer the Buffet Framework.

Test et mise en place réalisé sous WordPress mu 3.3.1
Thème the-buffet-framework