Blogs / WordPress

WordPress: Thumbnail de un vídeo de YouTube

WordPress: Thumbnail de un vídeo de YouTube

Si tienes un sitio web con WordPress y acostumbras a insertar vídeos en tus artículos, puede resultarte interesante utilizar un shortcode para generar un thumbnail o vista en miniatura del mismo. Aunque puedes efectuar una captura de imagen de una parte del vídeo, es más fácil recurrir a la inserción de una pequeña cantidad de código, con unos parámetros específicos, en el lugar que quieras. Para conseguirlo debemos, antes de nada, añadir, al archivo functions.php del tema que tenemos activo, una porción de código.

Código de definición del shortcode

Este es el código que has de añadir al archivo functions.php:

/*
    Shortcode to display youtube thumbnail on your wordpress blog.
    Usage:
    [youtube_thumb id="VIDEO_ID" img="0" align="left"]
    VIDEO_ID= Youtube video id
    img=0,1,2 or 3
    align= left,right,center
*/
function wp_youtube_video_thumbnail($atts) {
     extract(shortcode_atts(array(
          'id' => '',
          'img' => '0',
          'align'=>'left'
     ), $atts));
    $align_class='align'.$align;
    return '<img src="https://img.youtube.com/vi/'.$id.'/'.$img.'.jpg" alt="" class="'.$align_class.'" />';
}
add_shortcode('youtube_thumb', 'wp_youtube_video_thumbnail');

Para insertar el thumbnail

Aunque ya está indicado en la parte superior del código, el shortcode a insertar en el lugar del artículo que decidas, sería similar al siguiente:

[youtube_thumb id="rNWeBVBqo2c" img="0" align="center"]

Si le das el valor 0 a la imagen (img), ésta será de 480x360px. Con el valor 1, el tamaño será de 120x90px. Fíjate que puedes alinearla a la izquierda (left), derecha (right) o centro (center).

Etiquetas

fabriciano

Amante de la informática y de Internet entre otras muchas pasiones. Leo, descifro, interpreto, combino y escribo. Lo hago para seguir viviendo y disfrutando. Trato de dominar el tiempo para que no me esclavice.