Salut à tous,

Aujourd’hui nous allons développer les templates searchform et sidebar.

1 – Searchform :

Avant de commencer à renseigner la sidebar, nous allons créer un template searchform.php dans lequel nous allons intégrer les commandes suivantes :

<form method="get" id="searchForm" action="<?php bloginfo('home'); ?>/">
<div>
<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

2 – Sidebar :

Tout d’abord appelons la sidebar depuis le fichier index.php.

Pour cela, ajouter la commande suivante après la fermeture du div id content.

<?php get_sidebar(); ?>

Maintenant, nous allons intégrer les informations suivantes dans la sidebar sous forme de liste en intégrant des fonctions WordPress :

  • Recherche
  • Catégories
  • Articles récents
  • Les liens
  • Les archives
  • Les informations méta

Pour commencer, créez un fichier sidebar.php dans lequel nous allons ouvrir une balise div id que nous nommerons sidebar.

Puis, nous allons créer une liste avec la fonctions html ul.

<div id="sidebar">
  <li>
    <ul><h2>Nom_de_la_fonction</h2>
      <!-- CONTENU DE LA FONCTION -->
    </ul>
  </li>
</div>

Petite information avant de commencer, si vous essayé de visualiser les résultats, la sidebar n’apparaîtra pas tout de suite sur le côté de l’écran. Pour l’instant, elle sera à la suite du contenu, en bas de votre page. Nous la positionnerons sur le côté lorsque nous travaillerons sur le fichier style.

Maintenant le contenu avec les commandes suivantes :
Pour la recherche :

<?php include(TEMPLATEPATH . '/searchform.php'); ?>

Nous aurions pu intégrer directement le script de searchform.php ici, mais cette procédure nous montre comment faire appel à un autre template.

Pour les catégories la commande WordPress :

<?php wp_list_cats('sort_column=name&hide_empty=0'); ?>

Pour les articles récents la commande WordPress :

<?php wp_get_archives('type=postbypost&limit=10&format=html'); ?>

Le chiffre 10, correspond au nombre d’articles que vous souhaitez faire apparaître.

Pour les liens la commande WordPress :

<?php get_links_list(); ?>

Pour les archives par mois la commande WordPress :

<?php wp_get_archives('type=monthly'); ?>

Pour les informations méta le script suivant :

<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML valide</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress-fr.net/" title="Communauté française de WordPress et WPmu.">WordPress Francophone</a></li>
<?php wp_meta(); ?>

Pour finir, nous allons rendre la sidebar modulable à travers les Widgets. Pour cela, créons un template que l’on nommera functions.php, dans lequel vous renseignez les lignes suivantes :

<?php if ( function_exists('register_sidebar') )register_sidebar();?>

Puis dans le template sidebar.php vous ajoutez, juste en dessous de l’ouverture de la balise div id sidebar, la commande suivante :

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

et juste avant la fermeture de cette même balise la commande suivante :

<?php endif; ?>

Vous obtenez donc un template de cette forme :

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
    <h2>Nom_de_la_fonction</h2>
      <ul>
      <!-- CONTENU DE LA FONCTION -->
      </ul>
<?php endif; ?>
</div>

De cette façon, vous aurez par défaut ce qui a été mis dans le template sidebar.php et si vous travaillez avec les widgets ce seront ceux-ci qui prévodront.
Et voila, c’est tout pour aujourd’hui.

Voir aussi :

Articles Créer son thème WordPress : 123456 – 7 – 891011

En attendant bon blog.

@ plus

Articles similaires :