Saltar al contenido principal
8 minutos de lectura (1560 palabras)

Cómo crear una galería de imágenes con filtro para fotos

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.

Tener varias imágenes para una galería específica es normal al agregar contenido, nos gustaría que nuestros usuarios puedan ver no solo texto sino también un ejemplo gráfico o descripción de lo que queremos ofrecer. El problema surgiría cuando tratamos con contenido que tiene muchos subcontenidos como agregar muchas ofertas de trabajo con imágenes, cuando hablamos de países, o también cuando ofrecemos servicios que pueden ser descritos con una imagen. En este tutorial, veremos cómo crear una galería con filtros utilizando el complemento de galería WP Media Folder .


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

OBTÉN EL PLUGIN AHORA

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.

Ante todo, veamos cómo crear una galería y llenarla de imágenes, para ello vaya a Medios > Galerías de carpetas de medios



En esta pantalla, haga 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.



Puede seleccionar el tema que desee y escribir el título de su galería de imágenes, luego haga clic en Crear ¡y eso es todo! Nuestra galería vacía está creada.

Ahora vamos a llenar la galería con imágenes de la Biblioteca de medios, para hacer esto, haga clic en el WordPress icono que podrá 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 hacer eso, tenemos una pestaña de configuración disponible que es la Ajustes de visualización y código corto 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 ingresar al editor de página/publicación, haga clic en el + botón para agregar un bloque y busque WP Media Folder y seleccione el Bloque del complemento de galería WPMF.



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 administrador de galerías en Medios > Galería de carpetas de medios y haga clic en + Agregar nueva galería > Galería rápida desde la carpeta.



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!

OBTÉN EL PLUGIN 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!

Manténgase informado

Cuando te suscribas al blog, te enviaremos un correo electrónico cuando haya nuevas actualizaciones en el sitio para que no te las pierdas.

Publicaciones relacionadas

 

Comentarios 2

KlausTuttlies el sábado, 03 de junio de 2023 05:46

Hola, quiero preguntar si es posible que cuando cree una WP Media Folder Galería y agregue un enlace personalizado, el enlace se abra 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 toda la imagen.
Sería bueno encontrar una solución para eso.
Gracias de antemano, Klaus

Hola, quiero preguntar si es posible que cuando cree una galería deWP Media Folder y agregue un enlace personalizado, el enlace se abra 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 toda la imagen. Sería bueno encontrar una solución para eso. Gracias de antemano, Klaus
Tristán el lunes 05 de junio de 2023 05:38

Hola, gracias por su comentario. No estoy seguro de entender completamente su solicitud.

Hola, gracias por tu comentario. No estoy seguro de entender completamente tu solicitud. ¿Puedes explicar qué quieres decir con "agregar un enlace personalizado"? ¿Es un enlace personalizado que deseas agregar a una imagen para abrir un iframe en una ventana emergente? ¿O se trata de la navegación por múltiples galerías?
¿Ya estás registrado? Inicia sesión aquí
miércoles, febrero 11, 2026

Imagen de Captcha

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this