Problema do caminho do arquivo Img Src

3

Para obter imagens carregadas corretamente quando eu uso img src em HTML, eu tenho que dar o caminho do arquivo inteiro. Usando CSS eu precisaria usar apenas:

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

Com img src eu tenho que usar isso:

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

Usar esse caminho de arquivo me dá a imagem na home page, no entanto, quando clico na página do artigo, a imagem não carrega. Estou tendo o mesmo problema com meu logotipo, ele aparece na página inicial, qualquer páginas adicionais não aparecem.

Alguém pode me dizer se a configuração do caminho do arquivo que eu tenho está incorreta?

    
por excessive34 14.08.2013 / 09:20

3 respostas

6

Nenhuma configuração do caminho do arquivo está correta, você precisa fornecer o caminho absoluto no seu img src para que as imagens sejam carregadas em outras páginas conforme o caminho relativo for alterado,

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

e, em vez disso, deve ser

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

Portanto, você deve definir uma constante em seu function.php para o diretório path to image, e depois usá-lo em img src.

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

e, em seguida, você pode usar a tag img como

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

Isso resolveria seu problema. Você pode usar a constante em qualquer lugar no seu tema, útil para usar.

    
por sven 14.08.2013 / 09:30
2

Tente isto:

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

Eu normalmente deixo o WordPress direcionar o tráfego o máximo possível para evitar conflitos. É definitivamente mais fácil também olhar para as funções predefinidas que foram incorporadas ao núcleo.

    
por joshrathke 14.08.2013 / 09:29
1

Você pode usar esse caminho relativo:

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

O / antes do caminho diz ao navegador para ir ao diretório raiz e procurar a pasta wp-content e ir a partir daí.

Como alternativa, você sempre pode usar o caminho de URL absoluto em img src . Como

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

veja também aqui como subir ou descer as pastas iniciais dos seus caminhos relativos

    
por IXN 01.10.2015 / 09:39

Tags