¿Ves sitios web populares que usan miniaturas de sus videos de YouTube en sus páginas de inicio? Si ejecuta un canal de video en YouTube, Vimeo u otro sitio, también puede mostrar miniaturas de video en la página de inicio de su blog y páginas de archivo para todas las publicaciones que contienen videos. En este artículo, le mostraremos cómo agregar miniaturas a los videos de YouTube en WordPress.

Ejemplo de miniatura de video 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 contenido de video de YouTube, deberá usar una miniatura de video para mostrar ese contenido. Este artículo lo ayudará a hacer precisamente eso mediante el uso de la función predeterminada de miniaturas de publicaciones de WordPress.

Configuración de un 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 Configure los ajustes del complemento.

Establecer miniatura de video

En la pantalla de configuración, le recomendamos que elija almacenar miniaturas en la biblioteca de medios. Esto reducirá las solicitudes http externas en su sitio web y sus páginas se cargarán más rápido. En la sección Tipos de publicaciones, el complemento mostrará Publicaciones, Páginas y Tipos de publicaciones personalizadas (si tiene alguno en su sitio web). Seleccione el tipo de publicación que desea que el complemento busque enlaces de video. La última opción en esta página es seleccionar Campos personalizados. Algunos complementos de video para WordPress guardan la URL del video en un campo personalizado, si usa 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 pestaña Proveedores. Si está utilizando Vimeo para compartir videos, deberá crear una aplicación en Vimeo e ingresar aquí los valores de ID de cliente, secreto de cliente, token de acceso y secreto de token de acceso.

Agregar credenciales de la aplicación Vimeo

En la pestaña Acciones masivas, puede escanear 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 de su publicación como archivos adjuntos.

Escanear publicaciones para generar miniaturas de video

Crear miniaturas de video en publicaciones de WordPress

Ahora que tiene configurado el complemento, creemos una miniatura de video agregando la URL del video a su publicación de WordPress. Para hacer esto, debe crear o editar una publicación de WordPress y agregar la URL de su video en el área de edición de publicaciones. Después de publicar su publicación, verá que el complemento generó una miniatura de video para usted y la agregó a su publicación.

Agregue video y genere una miniatura de video en la publicación de WordPress

Muestre miniaturas de video en su tema de WordPress

El complemento de miniaturas de video utiliza la función de miniaturas de publicaciones 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 miniaturas de video junto con el contenido o extractos de su publicación. Sin embargo, si su tema no muestra miniaturas de video, deberá editar su archivo de tema y agregar este código a la plantilla donde desea mostrar las miniaturas.

<?php the_post_thumbnail(); ?>

Cómo agregar un botón de reproducción a una miniatura de video en WordPress

Ahora que ha capturado y mostrado con éxito miniaturas de video en su publicación de WordPress, es posible que desee diferenciar 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 diferenciar las miniaturas de video de las miniaturas de publicaciones regulares y agregar un botón de reproducción.

Para usar este método, debe asegurarse de que sus publicaciones de video se publiquen en una categoría específica, como video.Luego, en el archivo 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 lo siguiente:

<?php if ( in_category( 'video' )) : ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?><span ></span></a>
<?php else : ?> 
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>	
<?php endif; ?>

este código agregar <span ?></span> Después de la miniatura de la publicación, solo se aplica a las publicaciones enviadas en la categoría de video.El siguiente paso es de Medios » Agregar nuevo Pantalla. Esta imagen se utilizará como botón de reproducción. Después de cargar el archivo de imagen, anote la ubicación del archivo de imagen haciendo clic en el enlace de edición 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 hacer esto, debe copiar y pegar este código CSS en la hoja de estilo de su tema o tema secundario haciendo clic en Apariencia » Editar.

.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. Su archivo de miniaturas de video ahora debería tener un botón de reproducción.

Esperamos que este artículo lo haya ayudado a usar miniaturas para resaltar sus videos de YouTube en WordPress.Para comentarios y preguntas, por favor deje un comentario o síganos Gorjeo.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.