Cómo crear una galería de imágenes con filtro para fotos
Buscar imágenes en una galería en su sitio ya no será difícil gracias a los filtros que ofrece WP Media Folder , que nos permitirán agregar tantas imágenes en una galería como queramos y permitir que nuestros usuarios encuentren rápidamente lo que quieren ver.
Tabla de contenido
Dile adiós a la biblioteca de medios desordenada.
WP Media Folder te permite categorizar archivos, sincronizar carpetas con almacenamiento en la nube, crear galerías increíbles e incluso reemplazar imágenes sin romper enlaces.
Optimiza tu flujo de trabajo de medios hoy
Crear una galería de imágenes en WordPress
Empecemos por el principio, que es crear una galería utilizando nuestra Biblioteca de medios o archivos locales y el Administrador de galerías de WP Media folder.
Tenga en cuenta que utilizaremos el plugin WP Media folder y el complemento de galería WP Media folder para este tutorial.
En primer lugar, veamos cómo crear una galería y llenarla con imágenes, para ello ve a Medios > Galerías de carpetas de medios
En esta pantalla, haz clic en +Agregar nueva galería > Crear nueva galería de medios.
Aparecerá una ventana emergente que le permitirá escribir el título de la galería así como seleccionar el tema de la galería que va a utilizar y si desea que sea una galería principal o quizás una subgalería de otra.
Puedes seleccionar el tema que desees y escribir el título de tu galería de imágenes, luego haz clic en Crear ¡y eso es todo! Nuestra galería vacía ha sido creada.
Ahora vamos a rellenar la galería con imágenes de la Biblioteca de Medios, para ello, haz clic en el WordPress icono que podrás ver en la nueva página de la galería.
Se abrirá una ventana modal con nuestra Biblioteca de Medios y las carpetas creadas por WP Media Folder y navegar fácilmente entre todas nuestras imágenes, seleccionar las imágenes que queremos usar y finalmente, hacer clic en Importar Imágenes.
Las imágenes se cargarán en nuestro Administrador de Galerías con una vista previa de todas las imágenes añadidas.
Ahora vamos a agregar una imagen desde nuestras carpetas locales, para hacer esto, haga clic en el icono de la carpeta.
Se abrirá nuestro explorador de archivos para que podamos seleccionar las imágenes que necesitamos y subirlas directamente a la galería.
Ahora tenemos nuestras imágenes añadidas a nuestra galería creada recientemente y fue realmente rápido. ¿No es así?
Ajustar los filtros para la galería de WordPress
Ahora que hemos creado nuestra galería, podemos proceder a ajustarla para que se vea como queremos; para ello, disponemos de una pestaña de configuración que es la Configuración de visualización & Shortcode pestaña.
En esta pantalla podemos seleccionar desde el tema de la galería hasta todos los ajustes posibles que podríamos hacer a nuestra galería para que se adapte a nuestro contenido.
Para crear los filtros, debemos centrarnos por ahora en una sola configuración que es Etiquetas de imagen, habilítela.
Cuando esto esté hecho, podemos ajustar la galería como queramos y luego proceder con la configuración de las etiquetas.
Para permitir que los filtros funcionen, debemos agregar etiquetas a nuestras imágenes según cuando queramos mostrarlas, para agregar la etiqueta, haga clic en el icono de ajustes que aparece al pasar el cursor sobre una imagen en la General pestaña.
Esto abrirá una ventana emergente donde podremos ver una sección para Etiquetas de imagen, podemos agregar allí todas las etiquetas que queramos usar para filtrar nuestras imágenes separadas por una coma, por ejemplo, este es un paisaje desértico y soleado, por lo que podemos usar esas como las etiquetas.
Ahora podemos llenar todas las imágenes con las etiquetas que queremos usar para que se muestren en la página o publicación donde queramos publicarlo.
En la siguiente parte de este tutorial podremos ver cómo agregar la galería a nuestro contenido y podremos ver los filtros funcionando.
Agregar galerías de imágenes a la página y entradas de WordPress
Ahora que hemos creado nuestras galerías, el siguiente paso es ir a nuestras páginas y publicar nuestras galerías con filtros.
Para hacer esto, vaya a su publicación o página o créela, en este caso, usaremos el editor de Gutenberg, pero WP Media Folder y su complemento de galería funcionan con todos los principales constructores de páginas y también tienen un código corto disponible, por lo que se puede usar en cualquier lugar.
Después de entrar al editor de página/publicación, haga clic en el + botón para añadir un bloque y buscar WP Media Folder y seleccione el WPMF Gallery Addon Bloque.
Se cargará un bloque para el WP Media Folder complemento de la galería que abrirá un modal con el panel de control del administrador de la galería que vimos antes, seleccione la galería que se debe colocar y finalmente, haga clic en Insertar.
Si habilitamos las etiquetas de imágenes, la galería debería cargar con los filtros de medios que creamos al agregar las etiquetas de imagen.
También hay una configuración disponible al crear el bloque que nos permitirá habilitar las etiquetas de imagen solo en caso de que sea necesario.
Ahora, la vista previa de la galería de imágenes debería cargarse en el editor, por lo que solo necesitamos ajustarla como queramos y, finalmente, publicar nuestra página, ¡nuestra galería estará lista!
Solo unos pocos pasos y hemos creado una galería realmente profesional con filtros increíbles, crear galerías nunca volverá a ser lo mismo.
Crear galerías de WordPress utilizando carpetas de medios
Si crear galerías ya era increíble, podemos decir que no es todo lo que tenemos con WP Media Folder , ya que podemos crear carpetas en nuestra biblioteca de medios para organizar nuestros medios y también crear galerías basadas en estas carpetas de medios, ¡veamos cómo hacerlo!
Después de instalar el plugin, podrá ver la opción de AGREGAR NUEVA CARPETA bajo la biblioteca de medios.
Ahora tenemos la opción de crear carpetas y subcarpetas para ordenar nuestros medios como queramos, pero ¿qué pasa con no solo ordenar sino también crear galerías basadas en estas carpetas? ¿Y también hacer que se actualice la galería cada vez que agreguemos una nueva imagen a nuestra carpeta?
De esta manera podremos subir imágenes a nuestra biblioteca de medios y la galería se actualizará automáticamente, suena bastante increíble, ¿no?
Para hacer esto, vaya al gestor de galerías bajo Media > Media Folder Gallery y haga clic en +Add New Gallery > Quick Gallery from folder.
Se abrirá una ventana modal con las carpetas y subcarpetas disponibles para que podamos seleccionar la carpeta que vamos a utilizar, establecer un tema y finalmente, hacer clic en Crear.
Todas las imágenes de la carpeta aparecerán automáticamente en nuestra galería y podremos utilizar todas las opciones de configuración normales, así como los filtros que pudimos ver antes.
Ahora, todo lo que necesitamos seleccionar si queremos que la galería se actualice en cada imagen subida a la carpeta es habilitar la opción Agregar automáticamente imagen en la carpeta .
¡Y eso es todo! Todas las imágenes se agregarán automáticamente a la galería como por arte de magia, ¡es increíble! ¿No es así?
¡Llamada a todos los webmasters!
Ahorra tiempo y aumenta la productividad con WP Media Folder. Organiza con facilidad los archivos de medios de tus clientes, crea galerías personalizadas y proporciona una experiencia de usuario fluida.
Mejora tus proyectos de sitios web ahora!
Las mejores galerías con el mejor plugin de carpeta de WordPress
Pudimos comprobar solo una de todas las increíbles características que WP Media Folder ofrece para nuestro sitio de WordPress, y un consejo adicional. También tenemos un buen vídeo que explica todo este proceso en caso de que quieras comprobarlo ;)
Ahora todo lo que necesita hacer es obtener su propia copia aquí y eche un vistazo a todas las increíbles características que WP Media Folder ofrece!
Cuando te suscribas al blog, te enviaremos un correo electrónico cuando haya nuevas actualizaciones en el sitio para que no te las pierdas.


Comentarios 2
Hola, quiero preguntar, si es posible, que, cuando creé una WP Media Folder Galería y añado un enlace personalizado, el enlace se abre en una caja de luz?
El objetivo es, mostrar en la galería primero un detalle más pequeño (parte), y después de hacer clic en una imagen, el cliente ve la imagen completa.
Sería bueno encontrar una solución para eso.
Gracias de antemano, Klaus
Hola, gracias por tu comentario. No estoy seguro de haber comprendido completamente tu solicitud.
¿Puedes elaborar sobre "añadir un enlace personalizado"? ¿Es un enlace personalizado que deseas añadir en una imagen para abrir un iframe en una ventana emergente? ¿O se trata de la navegación de múltiples galerías?