Problema con il percorso del file Img Src

Question

Problema con il percorso del file Img Src

14 ago 2013, 10:20:51

Visualizzazioni: 86.1K

Voti: 4

Per caricare correttamente le immagini quando uso img src in HTML, devo fornire l'intero percorso del file. Usando CSS dovrei solo utilizzare:

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

Con img src devo usare questo:

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

Usando questo percorso file ottengo l'immagine nella pagina principale, tuttavia quando clicco per passare alla pagina dell'articolo, l'immagine non si carica. Ho lo stesso problema con il mio logo, si mostra nella homepage, ma in qualsiasi altra pagina aggiuntiva non viene visualizzato.

Qualcuno può dirmi se la configurazione del percorso file che ho è incorretta?

excessive34

53

immagini

Commenti

Leggi a proposito dei link relativi e assoluti. Il concetto è comune e se crei contenuti HTML, dovresti conoscerlo. Potrai poi utilizzare ciascuno come ritieni opportuno, ma prima devi capire come funzionano. L'URL nel file CSS, ad esempio, è sempre relativo alla posizione del file CSS. Il link SRC è sempre relativo alla posizione dell'HTML richiesto, quindi può variare se utilizzi l'HTML in posizioni diverse.

hakre

14 ago 2013 10:54:09

Tutte le risposte alla domanda

Commenti

Puoi anche utilizzare i percorsi relativi. Alla fine, il browser creerà comunque un link assoluto. La cosa più importante è che il link assoluto generato dal browser sia corretto. Sapere come il browser costruisce quel link è importante, le regole si trovano in 5. Risoluzione dei riferimenti (RFC 3986 - Uniform Resource Identifier (URI): Sintassi generica). Direi che vale la pena conoscerle quando si crea HTML.

hakre

14 ago 2013 10:55:55

Secondo la documentazione non puoi inserire php in una pagina WordPress. Dove esattamente stai inserendo questo codice?

Paul McCarthy

21 mar 2020 21:17:22

Questo viene aggiunto nel file del tema.

Kumar

22 mar 2020 05:01:23

Prova questo:

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

Di solito lascio che WordPress gestisca il traffico il più possibile per evitare conflitti. È sicuramente più semplice utilizzare sempre le funzioni predefinite integrate nel core.

joshrathke

201

14 ago 2013 10:29:55

Commenti

Sto caricando i file direttamente, se avessi un po' più di conoscenza con php proverei a farlo, la risposta sopra ha funzionato per me! Apprezzo la risposta

excessive34

14 ago 2013 10:36:01

Puoi utilizzare questo percorso relativo:

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

Il / prima del percorso indica al browser di andare alla directory radice e cercare la cartella wp-content per poi proseguire da lì.

In alternativa puoi sempre utilizzare il percorso URL assoluto in img src. Come

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

vedi anche qui come salire o scendere tra le cartelle iniziali dei tuoi percorsi relativi

IXN

936

1 ott 2015 10:39:30

Kumar 2.89K · Accepted Answer · 2013-08-14T10:30:45Z

La configurazione del percorso del tuo file è corretta, devi fornire il percorso assoluto nel tuo img src affinché le immagini vengano caricate su altre pagine, poiché il percorso relativo cambierebbe in,

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

e invece dovrebbe essere

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

Quindi dovresti definire una costante nel tuo function.php per il percorso della directory delle immagini, e poi usarla nell'img src.

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

e poi puoi usare il tag img come

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

Questo risolverebbe il tuo problema. Puoi usare la costante ovunque nel tuo tema, molto comodo da usare.