WordPress : Sidebar à 2 colonnes non collées!

Un moyen simple de partager des liens - EasyLinkr Le 3 juillet 2007 • WordPress

Pour mon futur thème, j’ai voulu 2 colonnes en utilisant les widgets. Une colonne à gauche, une à droite. Après quelques recherches, je me suis rendu compte que seul une sidebar à deux colonnes collées étaient proposées. Je n’ai surement pas assez cherché mais avec le peu que j’ai trouvé j’y suis arrivé. Voici comment :

functions.php

Ce fichier est nécéssaire pour utiliser les widgets et pour definir les paramètres. Voici mon code :

<?php
if ( function_exists(’register_sidebars’) )
    register_sidebars(2, array(
        ‘before_widget’ => ‘<li id= »%1$s » class= »widget %2$s »>’,
        ‘after_widget’ => ‘</li>’,
        ‘before_title’ => ‘<h2 class= »sidebartitle »>’,
        ‘after_title’ => ‘</h2>’,
    ));
?>

2 : est le nombre de colonnes.

sidebar.php

Habituellement on y trouve le code sivant pour verifier si les widgets sont utilisés :

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

<?php endif; ?>

Pour que seule la première colonne y apparaisse voici la minuscule modification à apporter :

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(1) ) : ?>

<?php endif; ?>

Oui, c’est tout! Je vous laisse imaginer comment faire pour afficher la seconde colonne… ;)
Mais je vais quand même vous expliquer comment je m’y suis pris, allons jusqu’au bout! 

Sidebar2.php

Plutôt que de l’insérer dans un autre fichier et pour respecter la façon de fonctionner de WordPress, j’ai préféré créer un fichier sidebar2.php, qui correspond à la seconde colonne mais celui-ci ne pouvant pas être appelé avec les fonctions classiques de WordPress (<?php get_sidebar(); ?>) on utilise à la place <?php include « sidebar2.php »; ?> et je vous laisse deviner le code à y insérer :

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(2) ) : ?>

<?php endif; ?>

Evidement!

Et bien voilà, j’espère avoir été clair! Si je ne l’ai pas été dites le moi et si vous avez des questions n’hesitez pas, je tenterais d’y répondre.

Tags du billet :

Billets en relation :

Un commentaire

  • «  » ce bout de
    code on le place où? Et pour le sidebar2 c’est pas trop clair pour moi j’aimrai bien un peut plus de détailles et d’explication svp merci

    RépondreRépondre

Laissez un commentaire