WordPress enthusiast working at Automattic as a Happiness Engineer

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.

 

5/5 – (2 votos)

Tags

7 respuestas a «Obtener la ruta de una imagen destacada en WordPress»

  1. Avatar de Diego
    Diego

    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. Avatar de Joel

    Muchas gracias

  3. Avatar de Daniel P Z

    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,,,

  4. Avatar de Daniel P Z

    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="”>

  5. […] trucos, tips y funciones para WordPress – Trazos WebObtener la ruta de una imagen destacada en WordPressGoogle Web DesignerPXtoEM.com: PX to EM conversion made simple.TypeWonder – […]

  6. Avatar de alberto

    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;
    }

  7. Avatar de Paco
    Paco

    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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

A %d blogueros les gusta esto: