web-dev-qa-db-fra.com

Img Src Problème de chemin de fichier

Pour que les images soient chargées correctement lorsque j'utilise img src en HTML, je dois donner le chemin d'accès complet au fichier. En utilisant CSS, je n'aurais besoin que d'utiliser:

`background-image: url(images/morebutton.png)`

Avec img src, je dois utiliser ceci:

<img src="wp-content/themes/blankslate/images/morebutton.png">

L’utilisation de ce chemin de fichier me donne l’image sur la page d’accueil, mais lorsque je clique sur la page de l’article, l’image ne se charge pas. ne montre pas.

Quelqu'un peut-il me dire si la configuration du chemin de fichier que j'ai est incorrecte?

images
3
excessive34

Si votre configuration de chemin de fichier n’est pas correcte, vous devez indiquer le chemin absolu dans img src pour que les images se chargent sur d’autres pages, car le chemin relatif changerait,

 http://yourwebsite.com/page/wp-content/themes/blankslate/images/morebutton.png

et au lieu il devrait être

http://yourwebsite.com/wp-content/themes/blankslate/images/morebutton.png

Vous devez donc définir une constante dans votre function.php pour le chemin d'accès au répertoire image, puis l'utiliser dans img src.

  if( !defined(THEME_IMG_PATH)){
   define( 'THEME_IMG_PATH', get_stylesheet_directory_uri() . '/images' );
  }

et alors vous pouvez utiliser img tag comme

 <img src="<?php echo THEME_IMG_PATH; ?>/morebutton.png" alt=""/>

Cela résoudrait votre problème. Vous pouvez utiliser la constante n'importe où dans votre thème, pratique à utiliser.

6
sven

Essaye ça:

<img src="<?php echo get_bloginfo( 'template_directory' ); ?>/images/morebutton.png" />

Je laisse généralement WordPress diriger le trafic autant que possible pour éviter tout conflit. Il est également beaucoup plus facile de toujours consulter les fonctions prédéfinies intégrées au noyau.

2
joshrathke

Vous pouvez utiliser ce chemin relatif:

<img src='/wp-content/themes/blankslate/images/morebutton.png'>

Le / avant le chemin indique au navigateur de se rendre dans le répertoire racine et de rechercher le dossier wp-content.

Sinon, vous pouvez toujours utiliser le chemin d'accès absolu dans img src. Comme

 <img src='http://yourdomain.com/wp-content/themes/blankslate/images/morebutton.png'>

voir aussi ici, comment monter/descendre les dossiers initiaux de vos chemins relatifs

1
IXN