Aujourd’hui, l’équipe Journal du Blog est heureuse de vous présenter un article d’un nouveau Guest-Blogueur : Neoskyzo qui vous propose une traduction/adaptation d’un billet de Flisterz.com (EN) concernant la mise en place de widgets sur votre blog Wordpress.

L’une des caractéristique principale de Wordpress est le fait que les utilisateurs peuvent ajouter des widgets à leurs barres latérales. Les widgets par défaut comme « Articles Récents », « Commentaires Récents » et les « Meta Tags » sont bien utiles et facilitent la navigation des lecteurs aussi bien que la création de thèmes Wordpress.

Si vous pensez que les widgets sont réservés à la barre latérale, alors détrompez-vous ! Vous pouvez placer les widgets n’importe où dans votre blog autant de fois que vous le souhaitez, tant que vous savez comment modifier le fichier Template. Ce n’est pas si difficile que ça. Voici comment procéder.

Preparez vos zones de widgets

Premièrement, vous devez définir le nombre de zones qui recevront des widgets. Par exemple, dans l’image suivante, nous voulons en ajouter dans 4 zones de notre Template.

Cependant, vous devez avoir des notions de XHTML et de CSS pour le faire correctement.

Functions.php

Si votre thème n’a pas le fichier « functions.php » , vous pouvez le créer. Dans ce fichier, vous trouverez ce morceau de code qui sera utilisé pour « enregistrer » les différentes zones. <?php
if ( function_exists(’register_Barre latèrals’) )
register_Barre latèrals(4);?>

Actuellement, le numéro “4” signifie le nombre de barres latérales que vous possédez dans votre thème. Dans notre cas… Vous pouvez vérifier dans votre Tableau de bord Wordpress : Apparence > Widgets et cliquez sur le menu déroulant, vous avez bel et bien quatre barres latérales.

Mais comment savoir à quoi correspond chaque barre latérale ?

Créer le fichier “sidebar”

Vous avez enregistré le nombre de “barres latérales” (zones de widgets). Maintenant nous allons les créer, une à une. Nous voulons créer le fichier de la zone #1. Créez un fichier .php, par exemple “topcolumn.php” qui sera utilisé pour afficher des annonces ou comme zone d’introduction. Mettez ce bout de code à l’intérieur :
<ul id=”topcolumn”>
<?php if ( function_exists(’dynamic_sidebar’) && dynamic_sidebar(2) ) : else : ?>
any code goes here
<?php endif; ?>
</ul>

Pour le moment, vous n’avez pas besoin de mettre quelque chose au milieu du code, laissez-le blanc, cela fonctionnera. Le chiffre “2″ est mis en référence à celui de la sidebar que nous avons vu à l’étape précédente (dans le menu déroulant). Changez le chiffre pour chaque barre latérale sans dépasser le nombre enregistré. Répétez cette opération pour les autres barres latérales en utilisant des noms de fichiers différents, en changeant le paramètre id et le nombre de la barre latérale.

Inclure les barres latérales

Cela dépend de la structure de votre thème. Localisez l’emplacement souhaité pour votre barre latérale. Pour l’inclure, utilisez ce fragment de code : <?php include (TEMPLATEPATH . ‘/topcolumn.php’); ?> Assurez-vous que vous insérez le bon chemin d’accès pour inclure correctement le fichier. Essayer et se tromper est encore la meilleure méthode pour apprendre. Remplissez-les. Le texte des widgets est facilement modifiable. Vous pouvez y insérer vos pubs ou autre chose. Bonne chance.

Article adapté de : Flisterz.com (EN)
Images : Flisterz.com

Vous avez aimé cet article : abonnez-vous au flux RSS !