Como crear una galeria de imagenes asociada a una categoria

Cómo mostrar una galería de imágenes asociada a una categoría

De forma predeterminada y mediante un shortcodes WordPress nos permite crear galerías de imágenes. Si es una galería en la que no vamos a añadir o modificar regularmente su contenido nos es una opción bien válida, pero si en contenido varía de forma regular nos obliga a averiguar la ID de las imágenes y a añadirlas al shortcodes, cuando una solución más práctica es categorizar las imágenes. En este post os explicaremos cómo mostrar una galería de imágenes asociada a una categoría.

Índice de contenidos

Categorizando las imágenes

Por defecto WordPress solo permite crear categorías para asociarlas con entradas. Para poder crear categorías de las imágenes de la biblioteca utilizaremos el plugin Media library categories, que podréis encontrar en el repositorio de WordPress 

Media library categories

La función de este plugin es la de clonar las categorías de post para la biblioteca de medios. Si desde nuestro administrador de WordPress accedemos a la pestaña medios podremos observar como nos aparece un submenu de categorías.

El siguiente paso será crear la categoría a la que vamos a asociar las imágenes que van a formar parte de nuestra galería. Para ello, desde nuestro admin nos vamos a medios/categorías y creamos la categoría.

Entramos dentro de la categoría que acabamos de crear y nos guardamos la ID.

Para averiguar la ID, nos deberemos fijar en la url de la página en la que estamos y guardarnos el número que aparece después de ID=. (recuadro rojo de la imágen)

Siguiente paso, subir las imágenes que van a formar nuestra galería a la biblioteca y asociarlas con la categoría.

Recuerda optimizar tus imágenes antes de subirlas a la biblioteca.

Para asociarlas simplemente entraremos en el adjunto de cada una de las imágenes y encontraremos una lista de las categorías a las que podemos asociarlas (recuadro rojo de la imagen) y seleccionamos la que nos interese.

Incluso seleccionando varias categorías podemos mostrar una misma imágen en distintas galerías.

Asociar imagenes a categorias WordPress

Creamos la página de la galería

Para crear y insertar nuestra galería utilizaremos un shortcodes nativo de WordPress, el shotcodes [GALLERY] .

Si insertáramos dicho shortcodes tal cual nos mostraría una galería de todas las imágenes que tenemos en la biblioteca. Para filtrar y personalizar nuestra galería utilizaremos los siguientes atributos:

  • Columns: define el número de columnas de la galería.
  • Size: define el tamaño de las imágenes.
  • Link: define si queremos asociar la imagen de la galería a la de adjuntos.
  • Category: para mostrar las imágenes asociadas a la categoría que nos interesa insertaremos el ID. Aquí es donde pondremos el ID que nos hemos guardado cuando hemos creado la categoría.

Para nuestro ejemplo crearemos una galería con 2 columnas, de tamaño medio, que esten asociadas a los archivos adjuntos y que carguen las imagenes de la categoría ID=18.

 

shortcodes gallery

Publicamos y ya tenemos nuestra galería creada.

Podéis dar un repaso a todo lo explicado en el siguiente video. Cualquier duda / pregunta dejarla en los comentarios.

Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
Astra pro review reseña theme

Astra Pro: la plantilla perfecta para tu web en 2021

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Con más de 1.000.000 instalaciones activas y más de 3700 valoraciones de 5 estrellas, Astra se presenta con unas muy buenas valoraciones por parte de la comunidad de usuarios

Cómo crear un formulario multipasos con Elementor

Cómo crear un formulario multipasos con Elementor y Piotnet

¿Tiene formularios largos en su sitio web? ¿Tu analitycs marca visitas en las páginas de formularios y no recibes conversiones?. Los formularios largos desalentan a los usuarios y aumentan el porcentaje de abandono. La alternativa pasa por segmentar los campos del formularios en varias páginas.

Trucos para Wordpress

Trucos para WordPress

En este nuevo post vamos a ir añadiendo pequeños trucos para tu WordPress, trucos con los que posiblemente te podrás evitar tener que instalar plugins o plantillas específicas para una función en concreto. Esperemos que te ayuden. Índice de contenidos Redireccionar a una página después

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba