Obtener la ruta de una imagen destacada en WordPress

Captura de pantalla

El sistema de imágenes destacadas de WordPress es muy útil y sencillo. Como muchos sabréis para mostrar una imagen destacada en un post tendremos que usar la función the_post_thumbnail()

Pero cuando estoy desarrollando nuevas plantillas para mis clientes me he encontrado que solo necesito la ruta o url de la imagen destacada de un post. Para ello hay que usar el siguiente código:

// Si no tenemos declarada la variable $post más arriba:
global $post;

$imagen = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full');
$ruta_imagen = $imagen[0];

En $ruta_imagen tendremos la ruta completa de la imagen destacada del post. Si el post en cuestión no tuviera imagen destacada, $ruta_imagen sería NULL. El segundo parámetro que se le pasa a la función wp_get_attachment_image_src() indica el tamaño de la imagen. En este caso queremos la versión a tamaño completo.

Consigue por solo 10€ mi
curso profesional de WordPress

 

7 opiniones en “Obtener la ruta de una imagen destacada en WordPress”

  1. Una pregunta mira tengo un slider y quiero agregar la imagen destacada de una publicacion y ponerla en el slider mira tengo el siguiente codigo:

    <div style="background-image: url('"ID ) ); ?>”‘);”>
    <a href="”>

    <a href="” class=”button nice radius”>Leer mas »

    agregue tu codigo en background-image para que desde ahí se ponga como background la imagen destacada estoy utilizando foundation-zurb version 3 para wordpress y necesito incluir una imagen de fondo en el slider pero la imagen destacada de cada post.

    en html es la siguiente linea

    el caption lo tengo ya pero necesito ahora es incluir esa imagen me puedes ayudar.

  2. Man, y eso en que parte de la plantilla lo pongo?, lo agrego con un “echo”, o en funcions?, podrias explicar con más detalle con ejemplos por favor, trate de aplicarlo pero no me salio, me dice “array” en donde deberia estar el url de la imagen,,,

  3. Descuida ya lo solucione;, cree una funcion y la guarde en el archivo “functions.php”,

    function get_image_url(){
    $imagen = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), ‘medium’);
    $ruta_imagen = $imagen[0];
    echo $ruta_imagen;
    }

    y lo puse al costado de los archivos de mi theme de wordpress, y para llamarlo dentro del loop, utilizé

    <img src="”>

  4. Hola, quería ponerle a cada entrada la imagen destacada del post de fondo. Pero no se como enlazar la ruta de esta imagen.

    .post-content .btn {
    padding: 5px 12px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    color: #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

  5. Gracias por el aporte es lo que estaba buscando, sólo comentar que es necesario poner echo antes de $ruta_imagen = $imagen[0].

    <a href="”>

    Saludos-

Deja un comentario