Recientemente, un usuario nos preguntó cómo crear una galería de videos en WordPress. WordPress facilita la inserción de videos en las publicaciones de su blog, pero no le permite crear galerías de videos listas para usar. En este artículo, le mostraremos cómo crear fácilmente una galería de videos en WordPress.
Cuándo y por qué crear una galería de videos en WordPress
WordPress facilita la inserción de videos en las publicaciones de tu blog simplemente ingresando las URL de los videos. También puede mostrar videos alojados en su propio sitio web.
Sin embargo, nunca debes subir videos a WordPress. Los videos son archivos grandes y servirlos directamente puede causar problemas con su servicio de alojamiento de WordPress.
Puede agregar fácilmente un solo video a sus publicaciones, pero ¿qué sucede si quiere mostrar varios videos en una página?
Una forma de hacerlo es agregar un video tras otro. Mientras funciona, crea una experiencia de usuario desagradable porque requiere un gran desplazamiento.
¿No sería mejor si pudieras crear una galería de videos con miniaturas como una galería de fotos? Esto le permitiría mostrar más videos en menos espacio utilizando una hermosa red móvil amigable.
Echemos un vistazo a cómo crear fácilmente una galería de videos en WordPress.
Método 1: cree una galería de videos en WordPress con Envira Gallery
Para este método, usaremos el plugin Envira Gallery. Es el mejor plugin de galería de WordPress en el mercado. También tiene un complemento de videos que te permite crear hermosas galerías de videos con capacidad para dispositivos móviles en WordPress.
Envira Gallery es un complemento pago, y necesitarás al menos su plan profesional para acceder al complemento de videos.
Lo primero que debe hacer es instalar y activar el plugin Envira Gallery. Para más detalles
Tras la activación, debe visitar Envira Gallery »Configuración página para agregar su clave de licencia. Puede encontrar esta información de su cuenta en el sitio web de Envira Gallery.
A continuación, debe dirigirse a la Envira Gallery »Complementos página. Verá todos los complementos disponibles para que los instale. Busque el complemento Videos e instálelo.
Envira Gallery ahora buscará e instalará el complemento de videos. Después de eso, debe hacer clic en “Activar” para comenzar a usarlo en su sitio web.
Ahora estás listo para crear tu primera galería de videos.
Dirígete a la Envira Gallery »Agregar nuevo página para crear tu galería. Primero, debe proporcionar un título para su galería.
Envira Gallery puede crear una galería de videos de videos autohospedados, así como videos alojados en YouTube, Vimeo y Wistia. Recomendamos el uso de servicios de hospedaje de video de terceros para una mejor experiencia del usuario.
Primero, deberá subir sus videos a YouTube o Vimeo. Después de eso, haga clic en el botón ‘Seleccionar videos de otras fuentes’ para continuar.
Aparecerá la ventana emergente Insertar medios donde debe hacer clic en ‘Insertar videos’ enlace en la columna izquierda.
Debe hacer clic en el botón ‘Agregar video’ para ingresar el título y la URL del video.
Para agregar más videos, haga clic nuevamente en el botón ‘Agregar video’. Siéntase libre de agregar tantos videos como necesite.
Una vez que haya agregado todos los videos que desea mostrar en la galería, haga clic en el botón “Insertar en la galería” para continuar.
Envira ahora buscará las miniaturas de tus videos y los mostrará en la sección de imágenes.
Puede editar videos en cualquier momento haciendo clic en el icono ‘lápiz’ o eliminar cualquier video. También puede agregar más videos si es necesario.
Tu galería de videos está casi lista. Vamos a configurar la galería de videos.
Comience haciendo clic en la pestaña ‘Configuración’ en la columna de la izquierda, y debajo de ‘Número de columnas de la galería’ seleccione el diseño de dos o tres columnas.
Esto garantiza que las miniaturas de tus videos se vean bien con el espacio adecuado entre cada video.
Ahora agreguemos el botón de reproducción a sus miniaturas de video.
Cambie a la pestaña “Videos” y marque la casilla junto a la opción “Mostrar icono de reproducción sobre galería de imágenes”.
Tu galería de videos ya está lista. Continúe y haga clic en el botón publicar para que su galería de videos esté disponible para WordPress.
Visualice la Galería de videos en su sitio web
Envira Gallery facilita la visualización de su galería de videos en cualquier publicación o página de WordPress. También puede mostrar la galería en una barra lateral.
Vamos a crear una nueva página en WordPress y darle un título apropiado, por ejemplo: ‘Videos’.
A continuación, haz clic en el botón “Agregar galería” en la parte superior del editor de publicaciones.
Aparecerá una ventana emergente en la que verá su galería de videos. Haga clic para seleccionarlo y luego haga clic en el botón Insertar.
El código abreviado de Envira Gallery ahora aparecerá en su editor de publicaciones.
Ahora puede actualizar o publicar su página y visitar la página para ver su galería de videos en acción.
La mejor parte es que al hacer clic en un elemento de video, se abrirá en una ventana emergente lightbox con modo teatro. Esto ofrece una experiencia de visualización mucho mejor para sus usuarios.
Podrán ver el video sin abandonar su sitio web, y también podrán buscar otros videos en la galería haciendo clic en las miniaturas debajo del reproductor.
Método 2: cree una galería de videos en WordPress con la galería de canales de YouTube
Este método requiere una clave de API de YouTube para funcionar, lo que hace que el proceso sea un poco más largo. No te preocupes, te guiaremos a través de eso.
Lo primero que debe hacer es instalar y activar el complemento YouTube Channel Gallery. Para más detalles
A continuación, debe dirigirse al sitio web de la Consola de Desarrolladores de Google para generar una clave de API de YouTube.
Haga clic en el botón ‘Seleccionar un proyecto’ en la esquina superior izquierda de la pantalla y luego haga clic en el botón Agregar.
En la siguiente pantalla, debe proporcionar un nombre para su proyecto y aceptar los términos del servicio. Después de eso, haga clic en el botón Crear para continuar.
A continuación, debe hacer clic en la Biblioteca de API y luego seleccionar el enlace de la API de datos de YouTube.
Esto lo llevará a la página de detalles de la API donde debe hacer clic en el enlace Habilitar para activar esta API para su proyecto.
La consola del desarrollador ahora habilitará la API para su proyecto. Aún necesita crear credenciales para llegar a la clave API.
Haga clic en el botón “Crear credenciales” para continuar.
Ahora debe ingresar cómo va a usar la clave API. Para la opción “¿A dónde llamarás la API desde?”, Selecciona “Navegador web (JavaScript)” y selecciona “Datos públicos” en la opción “¿A qué datos accederás?”.
Haga clic en el botón “Qué credenciales necesito” para continuar.
La consola del desarrollador ahora mostrará su clave API. Necesita copiar y pegar esta clave API en un archivo de texto sin formato. Lo necesitarás luego para crear galerías de videos.
Queda un último paso que consiste en restringir el uso de su clave de API solo en su sitio web. Para hacerlo, haga clic en el enlace Restringir clave que se muestra en la pantalla de clave de API.
En la página de restricciones, seleccione la opción HTTP Referrers y luego ingrese su nombre de dominio a continuación en el siguiente formato:
* .sudominio.com
No olvides hacer clic en el botón guardar para guardar tus cambios,
Ahora que tiene su clave de API de datos de YouTube, es hora de crear su galería de videos.
El complemento YouTube Channel Gallery viene con un poderoso código abreviado que puedes agregar a tus publicaciones y páginas para mostrar tu galería de videos.
Simplemente cree una página nueva o edite una existente y agregue el siguiente código corto dentro del editor de publicaciones.
[Youtube_Channel_Gallery user = site maxitems = "8" thumb_columns_phones = "2" thumb_columns_tablets = "4" clave = "your-youtube-api-key-goes-here"]
No olvides reemplazar al usuario con tu nombre de usuario de YouTube y la clave con la clave de la API de YouTube que creaste anteriormente.
Ahora puede guardar su publicación / página y visitar su sitio web para ver su galería de videos en acción.
El complemento no tiene una ventana emergente lightbox, y tus videos se reproducirán en la página. Al hacer clic en una miniatura de video en la galería, se reproducirá el video en el reproductor superior.
Para más detalles
Eso es todo por ahora.