Image dans l'en-tête wordpress casse quand sur d'autres pages

Question

J'ai un problème très étrange, que j'espère que quelqu'un ici peut m'aider. J'ai une icône RSS dans mon wordpress header.php et ça marche parfaitement bien sur la page d'accueil mais quand vous visitez une autre page comme la page About, l'image est cassée. Je ne suis pas tout à fait sûr de ce que le problème est que je n'ai pas une tonne d'expérience dans ce domaine, donc je ferai de mon mieux pour fournir autant de détails que possible. Voici le website dans lequel le problème peut être vu.

Voici le code dans le header.php:

<<div class="rss"><a href="<?php bloginfo('rss2_url'); ?>" title="RSS"><img src="images/rss.png"style="border-style: none"></a></div> 

Et voici le RSS du code ont été trouvés dans le style.css:

.rss { 
position:absolute; 
height:24px; 
padding-right:10px; 
line-height:32px; 
top:56px; 
right:0; 
border:0; 

} 


.rss a { 
    color:#000; 
    text-decoration:none; 
} 

Je présente mes excuses si beaucoup les informations fournies ne sont pas suffisantes, j'ai cherché les fichiers .php et .css en utilisant l'éditeur de wordpress pour le code que j'ai trouvé pertinent à ce problème. Je ne connais pas beaucoup le CSS ou le HTML et le peu que je connais m'a laissé perplexe quant à la nature du problème.

Merci pour la lecture et j'espère que l'un d'entre vous peut fournir une solution.

Answer 1

C'est vraiment très étrange. Je crois que mettre le chemin complet de l'image devrait le résoudre.

-à-dire changer

<img style="border-style: none;" src="/images/rss.png"> 

à:

<img style="border-style: none;" src="<?php echo get_bloginfo('template_directory') ?>/images/rss.png"> 

ou si elle est un sous-thème:

<img style="border-style: none;" src="<?php echo get_bloginfo('stylesheet_directory') ?>/images/rss.png"> 

ou si vous ne voulez pas utiliser php il suffit de mettre dans le chemin complet. J'ai remarqué que l'ajout d'un "/" devant les images faisait apparaître l'icône dans Firebug.