WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Visualizar miniaturas de vídeos de YouTube en tu WordPress

David Carrero Fernández-Baillo by David Carrero Fernández-Baillo
10 febrero 2012
in Plugins
Reading Time: 2 mins read
0

El vídeo es el rey de Internet y lo será por mucho tiempo. Ahora aprovechando el API de vídeo de Youtube podemos utilizar una sencilla técnica para mostrar una miniatura de un vídeo. A través de un código corto definido en functions.php.

Por defecto la miniatura por defecto de Youtube tiene un tamaño de 480×360 y la URL suele ser http://img.youtube.com/vi/rNWeBVBqo2c/0.jpg para por ejemplo el Video Id= rNWeBVBqo2c.

Artículos relacionados

Cómo añadir una verificación de edad en WordPress

15 octubre 2018

A2 Optimized WP, un plugin para que tu sitio sea más rápido y seguro

22 febrero 2017

Editor TinyMCE 4.0 llega al core de WordPress 3.9

19 febrero 2015

Cómo combatir el spam en tu sitio web sin recurrir a CAPTCHA: claves y mejores soluciones en 2025

19 mayo 2025

Luego esta la miniatura pequeña de 120×90 en http://img.youtube.com/vi/rNWeBVBqo2c/1.jpg para el mismo vídeo id de antes. Y otra miniatura más de 120×90 en http://img.youtube.com/vi/rNWeBVBqo2c/2.jpg.

Código corto para mostrar miniatura de vídeo de Youtube

Añade estas líneas de código a tu fichero functions.php para añadir el código corto.

/*
    Código corto para mostrar miniatura de un vídeo de youtube en su wordpress.
    Uso:
    [youtube_thumb id="VIDEO_ID" img="0" align="left"]
    VIDEO_ID= ID de vídeo Youtube
    img=0,1,2 o 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="http://img.youtube.com/vi/'.$id.'/'.$img.'.jpg" alt="" class="'.$align_class.'" />';
}
add_shortcode('youtube_thumb', 'wp_youtube_video_thumbnail');

Para mostrar la miniatura de un vídeo de Youtube solo tienes que añadir el código corto en tus páginas o entradas de WordPress.

[youtube_thumb id=»rNWeBVBqo2c» img=»0″ align=»center»]

y con este código mostrarás la imagen en tu blog, elige cual quieres visualizar, la 0 para 480×360 ó 1, 2 ó 3 para 120×90, además de la alineación de la imagen izquierda, derecha o centrada (left, right, center).

Algunos ejemplos más serían los siguientes:

[youtube_thumb id=»rNWeBVBqo2c» img=»1″ align=»left»]
[youtube_thumb id=»rNWeBVBqo2c» img=»2″ align=»right»]
[youtube_thumb id=»rNWeBVBqo2c» img=»3″ align=»center»]

fuente: Snilesh

Tags: código cortofunctions.phpimágenesminiaturasshortcodevídeoyoutube
ShareTweetSendSharePin
David Carrero Fernández-Baillo

David Carrero Fernández-Baillo

Experimentando con un sitio web sobre WordPress, este popular gestor de contenidos, entre otros muchos proyectos.

Te puede interesar...

Plugins

FluentAuth: el plugin de seguridad y autenticación para WordPress que concentra 2FA, “magic links”, social login y auditoría en un solo paquete ligero

9 octubre 2025

Resumen. En un ecosistema de WordPress acostumbrado a encadenar varios plugins para cubrir autenticación,...

Plugins

Un plugin “plug & play” para acelerar WordPress: así funciona Image Converter for WebP

29 septiembre 2025

Las imágenes siguen siendo el mayor “peaje” de carga en la mayoría de sitios....

Plugins

CF Football Bypass: el plugin que protege a los sitios españoles de los bloqueos masivos de IP durante el fútbol

27 septiembre 2025

CF Football Bypass nace de un problema muy concreto —y cada vez más frecuente—...

Plugins

WPO Tweaks 2.1: el “todo en uno” gratuito que acelera WordPress con un clic

19 septiembre 2025

WPO Tweaks acaba de dar un salto importante con su versión 2.1.x y se...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

REST API de WordPress: Qué es y cómo funciona

18 diciembre 2024

4 plugins de WordPress para crear una landing page

26 marzo 2016

VPN: protección completa para tu experiencia en Internet

18 diciembre 2024

8 códigos para el fichero functions.php con el que exprimir WordPress al máximo

11 julio 2019

Cómo crear un tema para WordPress

13 diciembre 2022
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.