21 avril Astuces et articles

Ajouter une zone widget sur wordpress facilement

Tout d’abord Joyeuses Pâques à tous et bonne dégustation de chocolat noir, blanc et au lait.

Sur ce, j’aimerais vous faire part de ma technique pour ajouter une zone widget wordpress. Un savoir faire indispensable pour tout développeur concepteur de site internet WordPress.

Vous avez besoin de deux fichiers pour faire cela : le fichier function.php et le fichier de votre template (là où vous voulez insérer votre widget)

 1)Ouvrez votre fichier function.php

Il se trouve dans le dossier template de votre thème. Pour ma part j’utilise le super logiciel NotePad++ que j’adore pour sa simplicité, légèreté et ses quelques réglages bien sympathiques (qui a dit que cela pourrait être un nouveau sujet d’article ? 🙂 )

Vous allez ajouter ces quelques lignes qui vont permettre de déclarer à wordpress « Hé WordPress, voici un point d’accroche pour mon widget, tu peux me le prendre en compte ? Merci gentil WordPress ».

Voici un cas typique de création d’une zone sidebar pour insérer des widgets :

if( function_exists('register_sidebar')){

register_sidebar(array(
'name' => 'Zone sidebar',
'before_widget' => '<div class="widget-sidebar">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

}


Le code ci-dessus est très simple : si la fonction register_sidebar existe nous créons une « Zone sidebar ». Chacun des widgets se trouvant dans cette zone sera contenu dans une div ayant comme class widget-sidebar.  Le titre des widgets aura comme balise ouvrante et fermante <h2> et </h2>. Je vous conseille d’un point de vue SEO de ne pas mettre de balise h2 mais plutôt de mettre <div class= »titre-module »> et </div>, tel est le tuyau du jour ;). En effet, quel est l’intérêt d’avoir un titre de deuxième niveau (donc très important pour le référencement sur google) qui s’appelerait « Actualités », « Tag », « Menu » ou bien encore « Météo » ? Ne gaspillez pas vos titres H2 !

La version améliorée de la sidebar :

if( function_exists('register_sidebar')){

register_sidebar(array(
'name' => 'sidebar',
'before_widget' => '<div class="widget-sidebar">',
'after_widget' => '</div>',
'before_title' => '<div class="titre-module">',
'after_title' => '</div>',
));

}

Insérer la zone widgetisable wordpress sur votre template

Maintenant prenez votre fichier template où vous souhaitez mettre votre zone, par exemple le fichier template.php.
Copiez ce code-ci :

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(« sidebar ») ) : ?> <?php endif; ?>

Vous reprenez bien sûr la valeur de « Name » précédemment renseignée sur le fichier function.php.

 Voilà le tuto simple du jour. Le but de mes articles étant de vous donner des informations simples que vous pourrez utiliser très rapidement sans connaissances approfondies de développement wordpress.

Si vous voulez aller un peu plus loin la source intarissable se trouve ici : le codex pour développeur wordpress.

Bonne indigestion de chocolat à tous !

Tags:
Accessibility by WAH