Comment Insérer une image dans le header WordPress

Comment ajouter une image en haut à droite dans le header WordPress

Il est vivement conseillé de faire des sauvegardes des fichiers avant de les modifier au cas ou…

  1.  Copiez le fichier  » Header.php  » du thème parent et collez le dans le thème Child
  2. Ouvrir ensuite ce fichier (du thème child) par FTP ou par : Apparence / Éditeur
  3. (dans twenty thirteen) Localisez la ligne suivante :<h1 class= »site-title »><?php bloginfo( ‘name’ ); ?
    ></h1>
    <h2 class= »site-
    description »><?php bloginfo( ‘description’ ); ?></h2></a>                                                               (dans ifeature) juste après </head> (voir photo ci dessous)                                                       Modifierheader-thème-wordPress-ifeature
  4. Collez une ligne en dessous, le code suivant (en le personnalisant de votre image) <span style= »position: absolute; top: 50px; left:
    1100px; width: 242px;
    heigth: 84px; »>
    <IMG src= »http://christianpc.fr/wp-content/uploads/2015/02/calimero-3-mini-small.jpg »>
    </span>

Téléchargez le lien ici

Et voici le résultat :

image-haut-droit-header-ChristianPc

Ensuite vous pouvez la déplacer en modifiant les champs top et left dans le bout de code

Comment faire en sorte que l’image du header soit cliquable

 Si l’on veut que l’image devienne cliquable, il faut rajouter ceci :

<a href= »http://www.christianpc.fr/ »> dans le code précédent, voici le nouveau code image cliquable :

<span style= »position: absolute; top: 50px; left:
1100px; width: 242px;
heigth: 84px; »>
<a href= »http://www.christianpc.fr/ »> <IMG src= »http://christianpc.fr/wp-content/uploads/2015/02/calimero-3-mini-small.jpg« >

</span>

Téléchargez le lien ici

 L’image devient alors cliquable. Pensez tout de même à personnaliser le code … 😉

Comment faire en sorte que l’image du header cliquable s’ouvre dans un nouvel onglet

Si l’on veut que l’image s’ouvre dans un nouvel onglet, il faut rajouter ceci :

target=_blank dans le code précédent, voici le nouveau code image cliquable :

<span style= »position: absolute; top: 50px; left:
1100px; width: 242px;
heigth: 84px; »>
<a href= »http://www.christianpc.fr/ »target=_blank > <IMG src= »http://christianpc.fr/wp-content/uploads/2015/02/calimero-3-mini-small.jpg »>

</span>

Téléchargez le lien ici

Le fichiers header.php présent dans le thème child gardera ses modifications malgré les futures mises à jour

  Page précédente

Une réflexion sur « Comment Insérer une image dans le header WordPress »

  1. Bonsoir,
    Merci pour tous les conseils que vous apportez via votre site.
    Juste une petite question concernant l’insertion d’une image dans mon Header : je pense avoir bien fait ce que vous expliquez, mais je ne vois pas apparaitre mon image dans mon Header. je vois juste en haut à gauche de l’écran un picto caractérisant mon image. Elle n’est pas du tout visible.
    Si vous pouviez m’aiguiller …
    le site : https://www.clvrhonealpes.org

Répondre à Eric Brunot Annuler la réponse