Respuesta ampliada (gracias @JefferzonBol por tu aporte):
Como suele suceder, hay varias funciones y opciones que pueden dar una respuesta correcta a esta pregunta. Una solución posible es conseguir la ruta absoluta del Wordpress o bien del tema activo y luego corregir la ruta de las imagenes acorde a eso.
Funciones disponibles y sus parámetros:
- Función get_bloginfo($show): Muestra la información del parametro
$show
, que puede tener muchos valores predefinidos distintos, que encontrarás en su documentación. En esta respuesta nos centraremos solo en dos:
- 'wpurl': Éste parámetro aplicado a esta función nos devuelve una URL con la ruta que está establecida dentro del admin de Wordpress, en el menú Opciones->General en el campo correspondiente a URL del Wordpress.
- 'template_url': Éste parámetro nos devuelve una URL con la ruta del tema activo en Wordpress.
La forma de forzar la salida de esta función es usando echo
. Por ejemplo si sólo queremos la ruta del Wordpress:
<php echo get_bloginfo('wprul'); ?>
o bien si queremos toda la ruta hasta el tema activo:
<php echo get_bloginfo('template_url'); ?>
Por otra parte, si queremos ahorrarnos el echo
podemos usar directamente esta otra función:
- Función bloginfo($show): Hace casi lo mismo que
get_bloginfo($show)
pero haciendo un echo
directamente de su resultado.
De hecho su código en wp-includes/general-template.php
es el siguiente:
function bloginfo( $show = '' ) {
echo get_bloginfo( $show, 'display' );
}
Es por ello que la forma de usarlo no necesita el echo
, sino simplemente:
<?php bloginfo('wpurl'); ?>
Hay que tener en cuenta que esta función bloginfo()
ejecuta el echo
directamente, por lo tanto no sirve de nada asignarla a otra variable de trabajo en caso de necesidad, pues ejecutaria el echo y no seria asignada.
Por lo tanto, conociendo estas dos funciones y sus dos posibles parámetros relacionados con las rutas a las imagenes, tenemos hasta cuatro soluciones posibles según como sea el escenario para aplicarlas.
Aquí tan solo mostraré la solución expuesta en la respuesta inicial, dejando las otras opciones como alternativas para quien las quiera probar y usar por los motivos que crea convenientes.
Respuesta inicial:
Para solucionar tu problema una solución posible es agregar la ruta absoluta de tu Wordpress a la ruta absoluta de las imagenes.
Para descubrir la ruta absoluta de tu Wordpress con código PHP se usa esta función que pertenece a WP:
get_bloginfo('wpurl')
Esta función devuelve la ruta que está dentro del admin de Wordpress, en el menú Opciones->General en el campo correspondiente a URL del Wordpress.
Pasos:
Primero si el valor de get_bloginfo('wpurl')
no termina en /
deberas agregarlo a la ruta de la imagen para que también sea absoluta, es decir, debes cambiar esto:
src="wp-content/themes/temacreado/imagenes/icono.png"
por esto:
src="/wp-content/themes/temacreado/imagenes/icono.png"
Y segundo, agrega <?php echo get_bloginfo('wpurl'); ?>
al principio del atributo src=
de la imagen. Para que al final quede así:
src="<?php echo get_bloginfo('wpurl'); ?>/wp-content/themes/temacreado/imagenes/icono.png"
Con esto deberia funcionarte en cualquier instalación de Wordpress que vaya a incluir tu tema sea cual sea la ruta que escojan en la URL del Wordpress dentro del menú Opciones->General del admin.
src=
? Si es asi prueba poniendo una barra ` /` al inicio, así:/wp-content/themes/temacreado/imagenes/icono.png
, asi le indicas que empiece a buscarlas en la raíz del dominio, y no a partir de la ruta actual, que quizas se encuentra en un directorio en lugar de la raiz. Vamos, un problema de rutas relativas vs absolutas./blog/wp-content/themes/temacreado/imagenes/icono.png
pero entiendo que WP tiene que tener una variable que puedes poner en lugar de tener que hardcodearlo pues cada instalación del tema puede estar en cualquier parte.