Cómo agregar miniaturas para videos de YouTube en WordPress

¬ŅHa visto sitios populares que utilizan sus miniaturas de videos de YouTube en la p√°gina principal de su sitio? Si ejecuta un canal de video en sitios como YouTube, Vimeo u otros, entonces tambi√©n puede mostrar una miniatura de video para todas las publicaciones que contienen videos en la portada y en las p√°ginas de archivo de su blog. En este art√≠culo, le mostraremos c√≥mo agregar miniaturas para videos de YouTube en WordPress.

Un ejemplo de miniaturas de video en WordPress

Miniaturas de video y miniaturas de publicaciones de WordPress

WordPress viene con una funcionalidad incorporada para agregar imágenes destacadas o publicar miniaturas, y la mayoría de los temas de WordPress admiten esta función. Sin embargo, si desea resaltar el contenido de su video de YouTube, entonces querrá mostrar ese contenido con miniaturas de video. Este artículo lo ayudará a hacerlo mediante el uso de la funcionalidad de miniatura de publicación predeterminada de WordPress.

Configuración del complemento de miniaturas de video en WordPress

Lo primero que debe hacer es instalar y activar el complemento Video Thumbnails. Despu√©s de activar el complemento, debe ir a Configuraci√≥n ¬ĽMiniaturas de video para configurar los ajustes del complemento.

Configurar miniaturas de video

En la pantalla de configuraci√≥n, le recomendamos que elija almacenar la miniatura en su biblioteca de medios. Esto reducir√° las solicitudes http externas en su sitio y sus p√°ginas se cargar√°n m√°s r√°pido. En la secci√≥n de tipos de publicaciones, el complemento mostrar√° publicaciones, p√°ginas y tipos de publicaciones personalizadas, si tiene alguna en su sitio web. Seleccione los tipos de publicaciones que desea que el complemento busque enlaces de videos. La √ļltima opci√≥n en esta p√°gina es elegir un campo personalizado. Algunos complementos de video para WordPress guardan las URL de los videos en un campo personalizado, y si est√° utilizando dichos complementos, deber√° ingresar 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 Proveedores pesta√Īa. Si est√° utilizando Vimeo para compartir sus videos, deber√° crear una aplicaci√≥n en Vimeo y luego ingresar aqu√≠ el ID de cliente, el secreto del cliente, el token de acceso y los valores secretos del token de acceso.

Agregar credenciales de la aplicación Vimeo

Sobre el Acciones masivas pesta√Īa, puede escanear sus publicaciones publicadas en busca de videos y generar miniaturas de video para ellos. El complemento tambi√©n proporciona un bot√≥n para borrar todas las miniaturas de video y eliminarlas como archivos adjuntos de sus publicaciones.

Escanear publicaciones para generar miniaturas de video

Creación de miniaturas de video en publicaciones de WordPress

Ahora que ha configurado el complemento, creemos una miniatura de video agregando una URL de video en una publicación de WordPress. Para hacer eso, necesita crear o editar una publicación de WordPress y agregar la URL de su video en el área de edición de la publicación. Una vez que publique la publicación, verá que el complemento ha generado una miniatura de video para usted y la ha agregado a su publicación.

Agregar un video en una publicación de WordPress y generar una miniatura de video

Visualización de una miniatura de video en su tema de WordPress

El complemento de miniaturas de video utiliza la funcionalidad de miniaturas de publicación de WordPress. La mayoría de los temas de WordPress están configurados para mostrar automáticamente miniaturas de publicaciones. Esto significa que su tema mostrará automáticamente la miniatura del video junto con el contenido o extracto de su publicación. Sin embargo, si su tema no muestra las miniaturas de video, entonces necesita editar sus archivos de tema y agregar este código a la plantilla donde desea mostrar la miniatura.


Cómo agregar un botón de reproducción en la miniatura del video en WordPress

Ahora que ha capturado y mostrado con éxito miniaturas de video en sus publicaciones de WordPress, es posible que desee distinguir sus miniaturas de imágenes regulares de las miniaturas de sus videos. Esto les permitirá a sus usuarios saber que hay un video en la publicación y que pueden hacer clic en el botón de reproducción para ver la publicación del video. Le mostraremos cómo usar etiquetas condicionales para distinguir entre miniaturas de video y miniaturas de publicaciones regulares y agregar un botón de reproducción.

Para utilizar este método, debe asegurarse de publicar sus publicaciones de video en una categoría específica, por ejemplo, Videos. 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:

">

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


">
 
">	

Este c√≥digo agrega despu√©s de la miniatura de la publicaci√≥n solo para las publicaciones archivadas en la categor√≠a de video. El siguiente paso es cargar un archivo de imagen desde Medios ¬ĽAgregar nuevo pantalla. Esta imagen se utilizar√° como bot√≥n de reproducci√≥n. Una vez que haya cargado el archivo de imagen, anote la ubicaci√≥n del archivo de imagen haciendo clic en el Editar enlace junto a la imagen.

El √ļltimo paso es mostrar el bot√≥n de reproducci√≥n. Usaremos CSS para mostrar y posicionar el bot√≥n de reproducci√≥n en la miniatura del video. Para hacerlo, debe copiar y pegar este c√≥digo CSS en la hoja de estilo de su tema o tema hijo haciendo clic en Apariencia ¬ĽEditor.

.playbutton {
    background: url('http://example.com/wp-content/uploads/playbutton.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    margin: -35px 0 0 -35px;
    z-index: 10;
    opacity:0.6;
}
.playbutton:hover { 
    opacity: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. Sus archivos de miniaturas de video ahora deberían tener un botón de reproducción.

Esperamos que este artículo te haya ayudado a resaltar tus videos de YouTube con miniaturas en WordPress. Para comentarios y preguntas, deje un comentario o síganos en Twitter.

Botón volver arriba