¿Ha visto sitios populares usando 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 contengan videos en las páginas frontal y de archivo de su blog. En este artículo, le mostraremos cómo agregar miniaturas para videos de YouTube en WordPress.
Miniaturas de video y miniaturas de publicaciones de WordPress
WordPress viene con una función integrada 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, querrá mostrar ese contenido con miniaturas de video. Este artículo lo ayudará a hacerlo mediante el uso de la funcionalidad predeterminada de miniaturas de publicaciones de WordPress.
Configuración del complemento de miniaturas de video en WordPress
Lo primero que debe hacer es instalar y activar Miniaturas de vídeo enchufar. Después de activar el complemento, debe ir a Configuración » Miniaturas de video para configurar los ajustes del complemento.
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 video 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á el Proveedores pestaña. Si está utilizando Vimeo para compartir sus videos, deberá crear una aplicación en Vimeo y luego ingresar aquí los valores de ID de cliente, secreto de cliente, token de acceso y secreto de token de acceso.
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 archivo adjunto de sus publicaciones.
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 hacerlo, debe crear o editar una publicación de WordPress y agregar la URL de su video en el área de edición de publicaciones. Una vez que publique la publicación, verá que el complemento generó una miniatura de video para usted y la agregó a su publicación.
Mostrar 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 las miniaturas de las 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.
<?php the_post_thumbnail(); ?>
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 las miniaturas de imágenes normales de las miniaturas de video. Esto les permitirá a los 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 usar 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, or content.php busque esta línea de código:
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
Ahora necesitamos reemplazar este código con el siguiente código:
<?php if ( in_category( 'video' )) : ?> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?><span class="playbutton"></span></a> <?php else : ?> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a> <?php endif; ?>
Este código agrega <span class="playbutton"?></span> después de la miniatura de la publicación solo para 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 paso final es mostrar el botón de reproducción. Usaremos CSS para mostrar y colocar 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 secundario haciendo clic en Apariencia » Redactor.
.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 Gorjeo.