Leçon 3 : création du fichier sidebar.php

---

 

Ce tutoriel est constitué de plusieurs parties. Je vous recommande de commencer la lecture depuis le début du tutoriel, afin de mieux comprendre les explications.

 

---

Le fichier sidebar.php est le fichier qui va se situer sur la droite ou sur la gauche de votre site. C’est le fichier qui contient les widgets.

La création du fichier sidebar.php

Pour créer le fichier sidebar.php, il faut vous rendre dans votre dossier (wp-content/themes/tutoriel).

Créer le fichier sidebar.php. Une fois, crée, ouvrez-le avec votre éditeur de texte.

 

Modification du fichier sidebar.php

Rajouter cette ligne :

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

La création du fichier sidebar.php est maintenant terminée. Vous pouvez fermer le fichier.

Si vous testez le site, vous allez voir que rien ne s’affiche, car WordPress ne comprend pas la commande dynamic_sidebar.

Pour résoudre ce problème, on va devoir utiliser le fichier functions.php

 

Création du fichier functions.php

Pour régler le problème, nous allons devoir créer un nouveau fichier, que nous allons appeler functions.php.

Pour créer le fichier functions.php, il faut vous rendre dans votre dossier (wp-content/themes/tutoriel).

Créer le fichier functions.php. Une fois, crée, ouvrez-le avec votre éditeur de texte.

Rajoutez ces lignes :

<?php
/* sidebar */
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li class="puce">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
/* fin sidebar */
?>

if… array : On indique à WordPress qu’il y a une barre latérale. :

before_widget et after_widget : affiche les différentes catégories, articles… On utilise la classe « puce ».

before_title et after_title: affiche le titre du module. J’ai choisi de l’afficher en h2, mais il est tout à fait possible d’utiliser une autre taille.

La création du fichier functions.php est finie, il ne vous reste plus qu’à le fermer.

 

Modification du fichier style.css

Comme on a crée la class puce, on va déclarer dans le fichier style.css

Ouvrez le fichier style.css et à la fin du fichier, rajoutez cette ligne

.puce{list-style-type:none}

.puce : on indique que l’on ne veut pas de puce pour les  titres des modules.

La modification du fichier style.css est terminée, vous pouvez maintenant le fermer.

Pour la prochaine leçon, on va voir le fichier footer.php

 

Les différentes parties du tutoriel :

---

Voici les différents fichiers du Tutoriel :

Tutoriel pour créer un thème pour WordPress

Leçon 1 : création du thème pour WordPress

Leçon 2 : création du fichier header.php

Leçon 3 : création du fichier sidebar.php

---