La barre latérale est l’un des meilleurs éléments du système de gestion de contenu WordPress, et vous permet d’ajouter des widgets qui peuvent aider à améliorer la fonctionnalité et la convivialité de votre site Web, ainsi que vous aider à créer des fonctionnalités uniques. La méthode pour ajouter des widgets à la barre latérale est simple, et a déjà été discutée par le passé. Nous allons donc étudier une façon plus avancée de personnaliser la barre latérale en ajoutant la navigation, les métadonnées, des liens et des images imbriqués.

Ajouter la navigation

La navigation est une partie intégrante de WordPress – et de tout autres sites Web d’ailleurs – et aide les utilisateurs à naviguer sur le site avec un minimum de tracas. Il existe trois options de navigation dans WordPress : pages, archives et catégories; vous pouvez en ajouter un ou plusieurs en éditant le fichier sidebar.php de votre thème.

Pour ce faire, allez à Apparence > Éditeur (après vous être connecté à votre tableau de bord). Dans l’éditeur, faites défiler jusqu’à ce que vous trouviez l’option de la barre latérale (Sidebar).

Ouvrez le fichier sidebar.php et, sous la ligne de code suivante :

<div id= "secondary" class= "widget area" role= "complimentary">

Enter appropriate code for your chosen navigation:

Pages: <?php wp_list_pages('title_li=<h2>Pages</h2>'); ?>

Archives: <?php _e('Archives:'); ?> <ul> <?php wp_get_archives('type=monthly'); ?> </ul>

Catégories: <?php _e('Categories:'); ?> <ul> <?php wp_list_cats(); ?> </ul>

Cliquez sur Mettre le fichier à jour pour confirmer le changement.

Ajouter des métadonnées

La barre latérale, même si elle est couramment utilisée à des fins de navigation, peut également être utilisée pour la saisie des métadonnées, par exemple, pour un court paragraphe à propos du site. Pour ce faire, il suffit de suivre les instructions ci-dessous pour accéder au fichier sidebar.php, et sous la ligne de code suivante :

<div id= "secondary" class= "widget area" role= "complimentary">

Entrez les informations suivantes :

<p class="aboutsite">Voici mon site Web. J'espère que vous trouverez le contenu utile.</p>

Évidemment, vous aurez envie de changer le texte pour quelque chose d’approprié. Cliquez sur Mettre le fichier à jour pour enregistrer le changement.

Ajouter des liens imbriqués

Dans les thèmes WordPress par défaut et certains thèmes provenant de tierces parties, les barres latérales comportent des liens imbriqués servant à présenter de l’information, comme ceci :

• Véhicules
  • Voitures
  • Motos

Vous pouvez utiliser le fichier sidebar.php pour ajouter quelques liens imbriqués de votre choix. Encore une fois, sous :

<div id= "secondary" class= "widget area" role= "complimentary">

Entrez le code suivant :

<ul style="list-style-type: disc;">

<li>Véhicules

<ul style="margin-left: .5em;">

<li>Voitures</li>

<li>Motos</li>

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

Saisissez un sujet de lien imbriqué qui convient à votre site et cliquez sur Mettre le fichier à jour.

Ajouter des images imbriquées

Enfin, voyons comment ajouter des liens d’images à la barre latérale, de sorte que votre site puisse afficher une image, par exemple un logo d’entreprise.

Vous connaissez le processus du fichier sidebar.php, nous allons donc omettre cette étape et mentionner que vous devez simplement entrer le code suivant à l’endroit approprié :

<a href="http://xml.com"

title="Mon journal de site Web">

<img src="http://monsiteweb.com/monlogo.jpg"

alt="Valid XHTML 1.0!" />

</a>

<br />

Le « titre » est le nom de l’image enregistrée et la balise <img> est l’URL de l’image sur votre site.

Cliquez sur Mettre le fichier à jour pour confirmer le changement et voir l’image dans la barre latérale.