Chers amis lecteurs, voici un petit tutoriel tout simple, qui pourra vous êtres utile si un jour, comme moi, vous décidez de créer un multi header sur votre blog WordPress et que vous n’avez pas envie d’y passer le réveillon (ou plutôt le weekend de Pâques, vu la date !).

Je vous montre d’emblée le résultat, il s’agit des différents headers de mon nouveau site Marque Express, un site de vente de marques déposées que je viens tout juste de mettre en ligne :

multi header wordpress site Marque Express

Parce que figurez vous que cette petite fantaisie m’a bien pris 5h de recherches tout azimut sur Google, alors qu’en fait c’est juste ultra simple.

A ce propos, je me pose toujours la question de savoir pour qui sont faits les tutoriels ?

Est-ce pour des gens qui connaissent déjà la manip ? Dans ce cas,  est-ce vraiment bien utile ?

Ou est-ce pour des gens comme moi qui ne la connaissons pas ? et dans ce cas là pourquoi ne pas expliquer les choses simplement et surtout de A à Z ?

Car je ne sais pas si vous l’avez remarqué mais la plupart des tutoriels sont super sauf qu’ils commencent à la lettre « C » et  finissent à la lettre « Y » !  Du coup on y arrive pas !

Bref, je vous passe les détails, mais après moult et moult essais, après moult et moult echecs,  j’ai  enfin trouvé la formule magique et comme je suis partageuse je vous la livre toute entière, de A à Z !

C’est parti mon kiki :

1. Créer des fichiers PHP pour chacun des headers que vous souhaitez afficher

OK, OK, ça ressemble à du chinois, mais en fait c’est très simple, si votre blog ou votre site a par exemple 3 pages : la page d’accueil, la page à propos, la page contact, elles ont de façon standard toutes les 3 le même header, header qui correspond au fichier : header.php.

Pour créer d’autres headers, par exemple pour votre page à propos et contact, allez dans votre FTP, pour ma part j’utilise Filezila, affichez les fichiers de votre thème (pour moi thème Corporate), trouver le fichier header.php et faire un clic droit puis éditer.

éditer le fichier header.php

Une fois le fichier ouvert (dans le bloc notes par exemple) sans rien modifier au fichier, faites un enregistrez sous et comme nom indiquez :

header-contact.php  pour la page contact

header-apropos.php pour la page à propos

Détail important, sur le bloc note, enregistrez votre fichier en sélectionnant « tous les fichiers », sur Notepad, sélectionnez « PHP », votre fichier doit être absolument enregistré sous la forme header-xxxxx.php et non par exemple header-xxxx.php.txt !

enregistrement d'un nouveau fichier header

Une fois cette opération réalisée, retournez dans votre FTP et faites glisser les 2 nouveaux fichiers dans la zone de votre thème

multi header wordpress enregistrer le nouveau header

 

2. Indiquez dans les fichiers de vos pages contact et à propos le header que vous souhaitez à présent utiliser

Allez sur votre tableau de bord WordPress / apparence / éditeur et ouvrez le fichier PHP qui correspond à votre page contact par exemple, puis remplacer tout en haut la mention : /*    <?php get_header(); ?>   */

par : /*   <?php get_header(‘contact’); ?>  */

multi header wordpress changer le header dans la page

Enregistrez le tout et c’est fait !

3. Modifiez les visuels ou textes que vous souhaitez afficher sur votre page

Alors évidemment si vous allez voir le header de votre page contact, vous verrez que rien n’a changé, c’est toujours le même et je vous dirais que c’est une sacrément bonne nouvelle, ça veut dire que pour l’instant vous avez tout bon !

J’en profite également pour vous dire que si vous n’avez plus rien à la place de votre blog, mais juste un magnifique message d’erreur noir sur fond blanc, je ne pourrais en aucun cas être tenue pour responsable, ni être contactée pour réparer votre blog, j’en serais bien incapable !

Ceci étant dit et si vous avez toujours votre blog en état de marche vous pouvez changer les informations de vos nouveaux headers.

Il suffit d’ouvrir depuis votre tableau de bord WordPress le fichier header-contact.php et d’y modifier les textes et visuels que vous souhaitez à présent afficher sur votre page contact, enregistrez et c’est fait.

Voili, Voilou, en espérant vous avoir aidé, bonne chance à vous et à bientôt.