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

Por qué los plugins de seguridad de WordPress no son suficientes

18 diciembre 2024

¿Cómo compartir documentos desde Wordpress?

2 octubre 2017

WP Rocket optimiza la caché para dispositivos móviles

18 diciembre 2024

FlyingPress lanza oficialmente su versión 5 con un motor en la nube que ya ha optimizado más de 10 millones de páginas

28 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

Cómo reducir los “cache misses” en WordPress y mejorar el rendimiento del sitio

18 agosto 2025

Pocas cosas resultan tan frustrantes para un usuario como hacer clic en una página...

Plugins

Cómo bloquear los bots de spam en WordPress con Fail2Ban

16 agosto 2025

Los spam bots en WordPress son uno de los dolores de cabeza más comunes...

Plugins

FlyingPress 5.1 se integra con Cloudflare para ofrecer caché completa de páginas y mejorar drásticamente el TTFB

13 agosto 2025

La última actualización de FlyingPress, uno de los plugins de optimización de rendimiento más...

Plugins

Nuevo plugin de WordPress evita la pérdida accidental de menús con copias de seguridad automáticas

11 agosto 2025

Un descuido común en WordPress —eliminar sin querer un menú de navegación— fue el...

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




Últimos artículos

Guía definitiva para reparar un WordPress hackeado: del caos al control paso a paso

19 julio 2025

Cómo añadir estilos personalizados en el editor de WordPress

27 enero 2018

10 webs famosas desarrolladas con WordPress

14 octubre 2015

Cómo deshabilitar el autolink en los comentarios de WordPress

2 noviembre 2015

Cómo enviar un correo de agradecimiento a los que dejan un comentario en WordPress

6 noviembre 2018
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.