Problema con la ruta del archivo Img Src

3

Para que las imágenes se carguen correctamente cuando uso img src en HTML, debo indicar la ruta completa del archivo. Usando CSS solo necesitaría usar:

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

Con img src tengo que usar esto:

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

El uso de esta ruta de archivo me da la imagen en la página de inicio, sin embargo, cuando hago clic en la página del artículo, la imagen no se carga. Tengo el mismo problema con mi logotipo, se muestra en la página de inicio, cualquier páginas adicionales que no muestra.

¿Alguien puede decirme si la configuración de la ruta del archivo que tengo es incorrecta?

    
pregunta excessive34 14.08.2013 - 09:20

3 respuestas

6

La configuración de la ruta del archivo no es correcta, debe proporcionar la ruta absoluta en su img src para que las imágenes se carguen en otras páginas, ya que la ruta relativa cambiaría a,

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

y en su lugar debería ser

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

Por lo tanto, debes definir una constante en tu function.php para la ruta al directorio de imágenes y luego utilizarla en img src.

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

y luego puedes usar img tag como

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

Eso resolvería tu problema. Puede usar la constante en cualquier parte de su tema, fácil de usar.

    
respondido por el sven 14.08.2013 - 09:30
2

Prueba esto:

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

Por lo general, permito que WordPress dirija el tráfico tanto como sea posible para evitar conflictos. Definitivamente, también es más fácil buscar siempre las funciones predefinidas que se han incorporado en el núcleo.

    
respondido por el joshrathke 14.08.2013 - 09:29
1

Puedes usar esta ruta relativa:

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

El / antes de la ruta le dice al navegador que vaya al directorio raíz y busque la carpeta wp-content y vaya desde allí.

Alternativamente, siempre puedes usar la ruta de URL absoluta en img src . Me gusta

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

vea también aquí cómo subir o bajar las carpetas iniciales de sus rutas relativas

    
respondido por el IXN 01.10.2015 - 09:39

Lea otras preguntas en las etiquetas