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

Christian Paissai

Technicien en électronique de loisir grand public, auteur d’articles sur le site Christian Pc.

Facebook  

Votez pour cette page
[Total : 1    Moyenne : 5/5]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *



*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>