Problemă cu calea fișierului pentru Img Src

Question

Problemă cu calea fișierului pentru Img Src

14 aug. 2013, 10:20:51

Vizualizări: 86.1K

Voturi: 4

Pentru a încărca corect imaginile când folosesc img src în HTML, trebuie să specific întreaga cale a fișierului. Folosind CSS aș avea nevoie doar de:

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

Cu img src trebuie să folosesc acest format:

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

Folosind această cale a fișierului, imaginea apare pe pagina principală, dar când accesez pagina articolului, imaginea nu se încarcă... Am aceeași problemă și cu logo-ul, care se afișează pe pagina principală, dar pe orice altă pagină suplimentară nu apare.

Poate cineva să-mi spună dacă configurarea căii fișierului pe care o am este incorectă?

excessive34

53

imagini

Comentarii

Citește despre link-urile relative și absolute. Conceptul este comun și dacă creezi conținut HTML, ar trebui să știi despre acesta. Apoi poți folosi fiecare după cum consideri potrivit, dar mai întâi trebuie să înțelegi cum funcționează. URL-ul din fișierul CSS, de exemplu, este întotdeauna relativ la locația fișierului CSS. Link-ul SRC este întotdeauna relativ la locația HTML-ului solicitat, deci poate varia dacă folosești HTML-ul în diferite locații.

hakre

14 aug. 2013 10:54:09

Toate răspunsurile la întrebare

Comentarii

De asemenea, poți folosi și căi relative. În final, browserul va crea un link absolut din ele oricum. Cel mai important lucru este ca linkul absolut creat de browser să fie corect. Este important să știi cum construiește browserul acel link, regulile se găsesc în 5. Rezolvarea Referințelor (RFC 3986 - Uniform Resource Identifier (URI): Sintaxa Generică). Aș spune că merită să știi despre asta când creezi HTML.

hakre

14 aug. 2013 10:55:55

Conform documentației, nu poți introduce cod PHP într-o pagină WordPress. Unde exact introduci acest cod?

Paul McCarthy

21 mar. 2020 21:17:22

Aceasta este adăugată în fișierul temei.

Kumar

22 mar. 2020 05:01:23

Încearcă asta:

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

De obicei, las WordPress să direcționeze traficul cât mai mult posibil pentru a evita orice conflicte. Este cu siguranță mai ușor să folosești întotdeauna funcțiile predefinite care sunt integrate în nucleul platformei.

joshrathke

201

14 aug. 2013 10:29:55

Comentarii

Încărc direct fișierele, dacă aș fi avut puțin mai multe cunoștințe de php aș fi încercat asta, răspunsul de mai sus a funcționat pentru mine! Apreciez răspunsul

excessive34

14 aug. 2013 10:36:01

Poți folosi această cale relativă:

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

Semnul / înaintea căii indică browserului să meargă la directorul rădăcină și să caute folderul wp-content, continuând de acolo.

Alternativ, poți folosi întotdeauna calea URL absolută în img src. De exemplu:

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

vezi și aici cum să te deplasezi în sus sau în jos prin folderele inițiale ale căilor tale relative

IXN

936

1 oct. 2015 10:39:30

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

Nu, configurația căii fișierului este corectă, trebuie să furnizezi calea absolută în atributul img src pentru ca imaginile să se încarce pe alte pagini, deoarece calea relativă se va schimba în,

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

iar în loc ar trebui să fie

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

Deci ar trebui să definești o constantă în fișierul functions.php pentru calea către directorul de imagini și apoi să o folosești în atributul img src.

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

și apoi poți folosi tagul img astfel

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

Asta ar rezolva problema ta. Poți folosi constanta oriunde în tema ta, foarte util de utilizat.