Sincèrement, en me lançant dans WP, je m’attendais à encore quelque chose de plus simple et d’ assisté pour modifier certain menu. Mais à la vue de ce que j’ai pu voir sur la toile, tout ce que je trouvais été > CODAGE par ses patounes. Je me suis dis: ‘m’enfin ! Il doit bien avoir un petit module pour satisfaire ce petit problème ’.

Et je google… je pense avoir trouvé le truc !! > Menu Manager

Un module foutrement bien foutu !! Interface en drag n’ drop insertion vraiment simple ( à vrai dire je n’avais pas trouvé de suite ^^).

L’installation est comparable à tout autre module, et après son activation, il faut aller dans la section ‘Réglages’ afin d’en profiter.

Le Main Menu de ce site est codé mais j’avais essayé. Je m’en vais vous conter la manière dont j’avais intégré le menu généré par ce système dans mon menu de navigation horizontale.

Alors tout d’abord, direction la sección Apariencia (la section Apparence) de votre site web ! Si qué calor ! Puis éditeur > Modèle : ‘En-tête.php’

Pour mon template, j’avais un menu de la sorte :

<ul class="left">

<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('HOME', 'pyrmont_v2'); ?><!--end--></a></li>

<?php wp_list_pages('title_li=&depth=2'); ?>

</ul>

<ul class="left"></div></span></div>
<pre><li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('HOME', 'pyrmont_v2'); ?><!--end--></a></li></div>

//MM
<?php /*If Menu Manger is activated, run it */ if (function_exists('mm_menu')) { ?></div>
<div><?php mm_menu(); ?></div>

//là on peut voir que soit il lance MM soit il lance la fonction qui appelle le menu par défaut du thème
<div><?php /* If Menu Manger is not active, run the usual navigation code */ } else { ?></div>
<div><?php wp_list_pages('title_li='); ?></div>
<div><?php } ?></div>
<?php wp_list_pages('title_li=&depth=2'); ?><!-- lien qui appel ma page 'A propos' --></div>
</ul>

Està buen ?!

Pour en profiter vérifier dans ‘Options des permaliens’ la façon dont est généré vos adresses du site !

image tirée du site WP.org et le code fut trouvé thanks to ce site (US) : http://www.solostream.com/blog/tutorials/how-to-create-a-custom-wordpress-navigation-menu-with-menu-manager-plugin/

url logo : http://www.undernews.fr/wp-content/uploads/2010/12/wordpress.png

Comme tous les CMS que j’ai eu loisir d’utiliser, les développeurs ont mis à disposition des fonctions afin de faciliter certaines tâches. Pour ma part, comme vous pouvez le constater ce thème n’est pas pourvu d’un Header avec Logo à l’origine. J’ai donc triché

Dans Apparence > Editeur, vous pouvez modifier les feuilles de style du thème ainsi que les squelettes en PHP. Par logique, nous allons nous rendre dans la partie En-tête avec la feuille ‘header.php‘. Vous uploadez votre logo dans le fichier ‘images‘ du thème que vous avez activé.

Votre code pour le header originel du thème Pyrmont v2 est :

<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?></div>
<!-- end header -->

Vous le modifiez de la sorte :

<div id="header">
<div class="blog_title"><span style="white-space: pre;">
<h1><a href="<?php bloginfo('url'); ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a></h1>
<p class="description"><?php bloginfo('description'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<div class="clear"></div><!-- end header -->

J’use de la fonction php ‘bloginfo’ afin de retourner le chemin ou se situe le thème !

Mais bien d’autres existes : http://codex.wordpress.org/Function_Reference/

url de l’image : http://www.webdevonlinux.fr/wp-content/uploads/2009/04/wordpress-shine.jpg