Créer une page Plan du site

Lors de la création de site web, nous sommes souvent confrontés à la création de la page “Plan du site”, pour automatiser celle-ci, des plugins existent afin de faire le travail avec plus ou moins de précisions. Toutefois, il peut être intéressant de construire sa page soi-même afin d’en contrôler l’affichage et le contenu.

Pour cela nous utilisons les Menus de WordPress, ceux-ci nous permettrons de modifier aisément le contenu, de l’ordonner et/ou de l’incrémenter.

Pour commencer, nous devons déclarer un menu dans le fichier functions.php de notre thème ou de notre thème enfant.

register_nav_menus(array( 'plan-de-site' => 'Plan du site'));

Ensuite vous devez ajouter ces quelques lignes de code dans un template (modèle de page) afin qu’il s’affiche automatiquement dans la page souhaitée :








<div id="plan-de-site">
    <?php wp_nav_menu(array('theme_location' => 'plan-de-site')); ?>
</div>






Il ne reste plus qu’à construire votre menu spécifique dans Apparences -> Menus (en le localisant dans “Plan du site” pour ne faire apparaître que ce que vous souhaitez.

A partir de cette intégration, vous pourrez afficher votre pied de page sur les pages ayant le modèle de page “Plan du site” :

Greenshot_2014-10-09_14-38-11-251x300

 

Bien sûr, rien ne vous empêche d’ajouter un peu de CSS si vous souhaitez disposer d’une apparence plus ergonomique. Vous pouvez aussi passer par un shortcode :

function PlanDeSite_mon_shortcode( ) 
{ $codehtml = '
<div id="plan-de-site"> <?php wp_nav_menu(array('theme_location' => 'plan-de-site')); ?></div>
'; 
return $codehtml;
} 
add_shortcode( 'PlanDeSite', 'PlanDeSite_mon_shortcode' );

Il ne vous reste plus qu’à ajouter [PlanDeSite] n’importe où dans votre site pour le faire apparaître.

Nous avons pris l’exemple d’un plan de site, mais cela peut marcher avec n’importe quelle idée de menu.