sidebar 2 colonnes et widgétisation: plusieurs problèmes! (Créer un compte)

Bonjour à tous!

Personne ne pouvant m’aider ici, et ne trouvant rien de concrès sur le net, j’ai choisi de télécharger un template déjà tout fait qui utilisait 2 sidebar et qui était widgétready et de m’inspirer du code, et ça a marché!!!

Peut être que ça intéresse qqn de pouvoir faire un site wordpress multi sidebar widget ready et comme j’ai bien galéré pour y parvenir, je poste ici la solution 🙂 :

1. Créer le fichier functions.php et y intégrer le code suivant

  »,
        ‘after_widget’ =>  »,
        ‘before_title’ => ‘<h2>‘,
        ‘after_title’ => ‘</h2>‘,
    ));
?>

le chiffre 2 correspondant au nb de sidebars.

2. Créer un seul fichier sidebar qui comprendra autant de div internes que l’on veut de sidebar dans notre site. Intégrer les deux morceaux de code php nécessaires juste après et juste avant les balises

les plus en externe. Modifier le numéro en fonction de si on est sur la sidebar num 1 ou la 2 par ex. Voici le code de mon fichier qui en comprend 2 (sidebar left et sidebar right)

<div class="sidebar">

<div class="sidebar_left"> 
<ul>

  <!-- début code widgétiser ma première sidebar-->




<li id="search"></li> <!--insertion formulaire de recherche -->

<li id="calendar"><h2>Calendrier</h2> <!--insertion calendrier par défaut de Wordpress-->
 
   
  

<li><h2>Archives</h2> <!--insertion archives-->
 <ul>
    
    </ul>
</li>

<li><h2> Flux RSS </h2>  <!--insertion flux rss-->
<ul>
    
<li><a href=" » title= »Flux RSS des articles »>Flux RSS des articles</a></li>
<li><a href=" » title= »Flux RSS des commentaires »>Flux RSS des commentaires</a></li>

 <!-- fin code widgétiser ma première sidebar-->
 
</ul>
</div> <!--on ferme le div sidebar_left-->

<div class="sidebar_right"> 

<ul>

  <!-- début code widgétiser ma deuxième sidebar-->

<li><h2>Categories</h2> <!--insertion catégorie-->
 <ul>
    
    </ul>


<li><h2>Menu-pagges</h2>  <!--insertion pages-->
<ul>
<a href="http://www.fightmoveacademy.ch/blog">AActualité</a>

</ul>


<li><h2>Infos Meta</h2> <!--insertion infos meta (login, etc)-->
<ul>

    <li></li>
    
 </ul>
</li>

 <!-- fin code widgétiser ma deuxième sidebar-->

</ul>

</div><!--on ferme le div sidebar_right-->
</div>

3. insérer la commande php qui appelle le fichier de la sidebar (donc j’en ai qu’un qui comprend les différentes sidebars) dans mon fichier index.php. Voici le code de mon fichier index.php

 <!-- ouvrir header,php -->

<div id="menuflash">
</div> <!-- on ferme le div menuflash-->

<div id="content">
<div id="content1">
<div id="content2">


<div class="post" id="post-« >
<h2><a href=" » title= » »></a></h2>

<p class="postmetadata"> <!-- on affiche les postmetadata (date, auteur, etc de l'article) -->
    
     par  |
    Catégorie:  |
     
 
</p>

<div class="post_content">

Oooopppsss…

Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .





4. Mettre en forme le div sidebar et son contenu dans le fichier CSS. Voici la partie de mon CSS concernée

.sidebar {
position:absolute;
background-color: #F40606;
width: 347px;
height: 360px;
bottom: 38px;
left:0;
}

.sidebar ul{
list-style: none;
margin: 0;
padding: 0 10px;
}

.sidebar li{
list-style: none;
}

.sidebar_left { /*on a séparé la sidebar en deux div pour avoir deux colonnes et les placer grâce au float */
width: 150px;
float: left;
}

.sidebar_right {
width: 150px;
float: right;
}

Et voilà!!!

Si qqn a un prob qu’il n’hésite pas à m’écrire et j’essayerai de l’aider!

A bientôt!

Salut!

Non bien sûr que non je n’en veux pas, mais je deviens cinglé quand je trouve pas comment faire un truc immédiatement alors j’ai finis par trouver tout seul, même si je pense y avoir perdu quelques cheveux! 🙂

En fait le sujet de la widgétisation d’un site mono sidebar était assez clair lorsque je faisais mes recherches, c’était la façon de faire le multisidebar qui me posait réellement problème…

A bientôt!