Cómo añadir miniaturas de vídeos de YouTube en WordPress

¿Has visto sitios populares usando sus miniaturas de vídeos de YouTube en la primera página de su sitio? Si ejecuta un canal de vídeo en sitios como YouTube, Vimeo u otros, también puede mostrar una miniatura de vídeo para todos los mensajes que contengan vídeos en la portada y en las páginas de archivo de su blog. En este artículo, le mostraremos cómo añadir miniaturas de vídeos de YouTube en WordPress.

Miniaturas de vídeo y WordPress Publicar miniaturas

WordPress viene con funcionalidad incorporada para agregar imágenes destacadas o publicar miniaturas, y la mayoría de los temas de WordPress soportan esta característica. Sin embargo, si desea resaltar el contenido de vídeo de YouTube, entonces querrá mostrar ese contenido con miniaturas de vídeo. Este artículo le ayudará a hacerlo utilizando la funcionalidad predeterminada de WordPress para publicar miniaturas.

Configuración del plugin de miniaturas de vídeo en WordPress

Lo primero que tiene que hacer es instalar y activar el plugin de miniaturas de vídeo. Después de activar el plugin, debe ir a Setttings " Video Thumbnails para configurar los ajustes del plugin.

En la pantalla de configuración, le recomendamos que elija almacenar la miniatura en su biblioteca multimedia. Esto reducirá las peticiones http externas en su sitio, y sus páginas se cargarán más rápido. En la sección de tipos de mensajes, el plugin mostrará mensajes, páginas y tipos de mensajes personalizados si los tiene en su sitio web. Seleccione los tipos de mensajes que desea que el plugin analice en busca de enlaces de vídeos. La última opción en esta página es elegir un campo personalizado. Algunos plugins de vídeo para WordPress guardan las URL de vídeo en un campo personalizado, y si está utilizando dichos plugins, tendrá que introducir ese campo personalizado aquí. Después de eso, haga clic en el botón Guardar cambios.

En la página de configuración, también verá la pestaña Proveedores . Si utiliza Vimeo para compartir sus vídeos, deberá crear una aplicación en Vimeo y, a continuación, introducir el ID de cliente, el secreto de cliente, el token de acceso y los valores del secreto de token.

En la pestaña Acciones en masa , puede analizar los mensajes publicados en busca de vídeos y generar miniaturas de vídeo para ellos. El plugin también proporciona un botón para borrar todas las miniaturas de vídeo y eliminarlas como archivo adjunto de sus mensajes.

Creación de miniaturas de vídeo en WordPress Posts

Ahora que has configurado el plugin, vamos a crear una miniatura de vídeo añadiendo una URL de vídeo en un post de WordPress. Para ello necesitas crear o editar un post de WordPress y añadir la URL de tu vídeo en el área de edición de post. Una vez que publique el mensaje, verá que el plugin ha generado una miniatura de vídeo para usted y la ha añadido a su mensaje.

Visualización de una miniatura de vídeo en su tema de WordPress

El plugin de miniaturas de vídeo utiliza la funcionalidad de WordPress Post Thumbnails. La mayoría de los temas de WordPress están configurados para mostrar automáticamente las miniaturas de las publicaciones. Esto significa que el tema mostrará automáticamente la miniatura del vídeo junto con el contenido o extracto del mensaje. Sin embargo, si el tema no muestra las miniaturas de vídeo, deberá editar los archivos de tema y añadir este código a la plantilla en la que desea mostrar las miniaturas.

1

Cómo añadir un botón de reproducción en la miniatura del vídeo en WordPress

Ahora que ha capturado y mostrado con éxito las miniaturas de vídeo en sus mensajes de WordPress, es posible que desee distinguir las miniaturas de sus imágenes normales de las de sus miniaturas de vídeo. Esto le permitirá a sus usuarios saber que hay un vídeo en el mensaje, y pueden hacer clic en el botón de reproducción para ver el mensaje de vídeo. Le mostraremos cómo utilizar etiquetas condicionales para distinguir entre las miniaturas de vídeo y las miniaturas de publicación normal y añadir un botón de reproducción.

Para usar este método necesitas asegurarte de que publicas tus entradas de vídeo en una categoría específica, por ejemplo, Vídeos. Luego, dentro de los archivos de plantilla de su tema, como index.php, archive.php, category.php o content.php, busque esta línea de código:

1"">">

Ahora necesitamos reemplazar este código con el siguiente código:

12345"">> "">">

Este código se añade después de la miniatura del mensaje sólo para los mensajes archivados en la categoría de vídeo. El siguiente paso es subir un archivo de imagen desde la pantalla Media " Add New . Esta imagen se utilizará como botón de reproducción. Una vez que haya cargado el archivo de imagen, observe la ubicación del archivo de imagen haciendo clic en el enlace Editar junto a la imagen.

El paso final es mostrar el botón de reproducción. Usaremos CSS para mostrar y posicionar el botón de reproducción en la miniatura del vídeo. Para ello, necesita copiar y pegar este código CSS en la hoja de estilo de su tema o tema hijo haciendo clic en Apariencia " Editor .

1234567891011121314.playbutton { fondo: url('http://example.com/wp-content/uploads/playbutton.png') centercenterno-repeat; posición: absoluta; arriba: 50%; izquierda: 50%; anchura: 74px; altura: 74px; margen: -35px00-35px; índice z: 10; opacidad:0.6;}.playbutton:hover { opacidad:1.0;}

No olvide reemplazar la url de la imagen de fondo con la URL del archivo de imagen del botón de reproducción que cargó anteriormente. Eso es todo. Los archivos en miniatura de su vídeo deberían tener ahora un botón de reproducción.

Esperamos que este artículo le haya ayudado a destacar sus vídeos de YouTube con miniaturas en WordPress. Para comentarios y preguntas, por favor deje un comentario o síganos en Twitter.