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

Better Search Replace: La herramienta esencial para migraciones y cambios masivos en WordPress

14 marzo 2025

Graves vulnerabilidades afectan a populares complementos de WordPress para sitios inmobiliarios

23 enero 2025

Llego el sustituto de Feedburner: Simple feed stats

4 agosto 2015

Cómo convertir tus imágenes a WEBP con WordPress

10 agosto 2020

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 optimizar WordPress con plugins de caché: guía avanzada para acelerar tu sitio web

4 mayo 2025

Los plugins de caché son una de las herramientas más eficaces para mejorar la...

Plugins

Cómo ocultar o mostrar contenido de bloques en WordPress según condiciones

2 mayo 2025

Controlar la visibilidad del contenido en WordPress se ha convertido en una herramienta clave...

Plugins

Cómo configurar Imagify en WordPress para optimizar imágenes sin perder calidad

29 abril 2025

El plugin de WP Media permite acelerar la carga de las páginas, ahorrar espacio...

Plugins

WP Rocket: guía avanzada para personalizar la caché de usuario en WordPress

27 abril 2025

Desde desactivarla por roles hasta compartir caché entre usuarios: todo lo que necesitas saber...

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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




Últimos artículos

Cómo incluir la categoría y subcategoría en las URLs de WordPress

10 octubre 2018

Hello Elementor: el tema minimalista que conquista a los diseñadores web

5 abril 2025

Plantillas para WordPress para el 8-febrero-2012

11 octubre 2016

Cómo recibir alertas por correo electrónico de los errores 404

4 octubre 2018

Cómo insertar fácilmente animaciones CSS en WordPress

17 diciembre 2015
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.