Img Src Problème de chemin de fichier

Question

Img Src Problème de chemin de fichier

- 3
- 65313 2013-08-14
Pour que lesimages soient chargées correctement lorsquej'utiliseimg srcen HTML,je dois donner le chemin complet dufichier.En utilisant CSS,je n'auraisbesoin que d'utiliser:

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

Avecimg src,je dois utiliser ceci:

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

L'utilisation de ce chemin d'accès aufichierme donne l'image sur lapage d'accueil,mais lorsqueje clique sur lapage de l'article,l'imagene se chargepas .. J'ai lemêmeproblème avecmon logo,il apparaît sur lapage d'accueil,toutpages supplémentaires qu'ilne montrepas.

Quelqu'unpeut-ilme dire si la configuration du chemin defichier quej'aiestincorrecte?
To get images loaded correctly when I use img src in HTML, I have to give the entire file path. Using CSS I would only need to use:

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

With img src I have to use this:

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

Using this file path gives me the image on the home page, however when I click through to the article page, the image doesnt load.. I'm having the same issue with my logo, it shows on the homepage, any additional pages it doesnt show.

Can anyone tell me if the file path setup I have is incorrect?
images

- En savoirplus sur les liens * relatifs *et * absolus *.Le conceptest courantet si vous créez du contenu HTML,vous devez le savoir.Vouspouvezensuite les utiliser commebon vous semble,mais vous devez d'abord comprendre comment celafonctionne.L'URL dans lefichier CSSparexempleesttoujours relative à l'emplacement dufichier CSS.Le lien SRCesttoujours relatif à l'emplacement du HTML demandé,ilpeut donc varier si vous utilisez le HTML à différentsendroits.
  
  Read about *relative* and *absolute* links. The concept is common and if you create HTML content, you should know about this. You then can use each as you see fit, but first you need to understand how it work. The URL in the CSS file for example is always relative to the CSS file location. The SRC link is always relative to the location of the requested HTML, so it can vary if you use the HTML in different locations.
  - 0
  - 2013-08-14
  - hakre

3 réponses

votes

- 2
- 2013-08-14
Essayez ceci:

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

Je laissegénéralement WordPress diriger letrafic autant quepossiblepour évitertout conflit.Ilest égalementplusfacile detoujours regarder lesfonctionsprédéfinies qui ont étéintégrées au cœur.
Try this:

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

I typically let WordPress direct traffic as much as possible to avoid any conflicts. It's definitely easier as well to always look to the predefined functions that have been built into the core.
- Jetélécharge lesfichiers directement,sij'avais unpeuplus de connaissances avecphp,j'essaierais cela,la réponse ci-dessus afonctionnépourmoi!Appréciez la réponse
  
  I'm uploading the files directly, if I had a little more knowledge with php I would attempt this, the above answer worked for me! Appreciate the reply
  - 0
  - 2013-08-14
  - excessive34
- 1
- 2015-10-01
Vouspouvez utiliser ce chemin relatif:

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

Le / avant le cheminindique aunavigateur d'aller dans le répertoire racineet de rechercher le dossier wp-contentet departir de là.

Vouspouvez égalementtoujours utiliser le chemin absolu de l'url dans img src. Comme

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

voir aussi ici commentmonter ou descendre ledossiers de vos chemins relatifs
You can use this relative path:

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

The / before the path tells the browser to go to the root directory and search for the wp-content folder and go from there.

Alternatively you can always use the absolute url path in img src. Like

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

see also here how to move up or down the initial folders of your relative paths

Kumar · Accepted Answer · 2013-08-14

7

2013-08-14

La configuration de votre chemin defichiern'estpas correcte,vous devezfournir le chemin absolu dans votreimg srcpour que lesimages se chargent sur d'autrespages car le chemin relatif deviendrait,

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

et à laplace cela devrait être

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

Vous devez donc définir une constante dans votrefunction.phppour le chemin du répertoireimage,puis l'utiliser dansimg src.

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

et vouspouvezensuite utiliser labaliseimg comme

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

Cela résoudrait votreproblème.Vouspouvez utiliser la constanten'importe où dans votrethème,pratique à utiliser.

No your file path setup is correct, you need to provide the absolute path in you img src for images to load on other pages as relative path would change to,

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

and instead it should be

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

So you should define a constant in your function.php for path to image directory, and then use it in img src.

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

and then you can use img tag as

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

That would solve your issue. You can use the constant anywhere in your theme, handy to use.

Vouspouvez également adopter les chemins relatifs.Enfin de compte,lenavigateur créera detoutefaçon un lien absolu.Leplusimportantest que le lien absolu créépar lenavigateur soit correct.Sachant comment lenavigateur construit ce lienestimportant,les règles sont dans [* 5.Résolution de référence (RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax) *] (http://tools.ietf.org/html/rfc3986#section-5).Je dirais que cela vaut lapeine de savoir quand vous créez du HTML.

You can also adopt the relative paths. In the end, the browser will create an absolute link out of it anyway. The most important thing is that the browser created absolute link is correct. Knowing how the browser constructs that link is important, the rules are in [*5. Reference Resolution (RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax)*](http://tools.ietf.org/html/rfc3986#section-5). I'd say it's worth to know about when you're creating HTML.
- 0
- 2013-08-14
- hakre
Selon la documentation,vousne pouvezpasmettrephp dans unepage wordpress.Oùplacez-vousexactement ce code?

According to the documentation you cannot put php into a wordpress page. Where exactly are you putting this code?
- 0
- 2020-03-21
- Paul McCarthy
Ceciest ajouté dans lefichier duthème.

This is being added in theme's file.
- 0
- 2020-03-22
- Kumar