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
¿Te ha resultado útil? ¡Puntúalo!
[Total: 1 Media: 5]
Que son los estilos del tema de elementor pro

Qué son los estilos del tema de Elementor

Antes de iniciar cualquier proyecto, una parte muy importante del proceso de trabajo para crear cualquier sitio web con WordPress y Elementor es personalizar los elementos que engloban el contenido de tu página web. Para facilitarte esta tarea los chicos de Elementor han añadido la

Maquetar con Gutenberg Wordpress

Gutenberg, el nuevo editor de WordPress

Hoy vamos a hablar de Gutenberg, pero no del inventor de la imprenta con teclas móviles moderna, si no del nuevo editor de WordPress que va a cambiar completamente la forma en que publicamos contenido en nuestras páginas web.Gutenberg es el nombre del proyecto que

Crear menú vertical con Wordpress

Cómo crear un menú vertical en WordPress con Astra

En ocasiones, ya sea por una cuestión de diseño o por una necesidad estructural de la web necesitamos alternativas a la típica estructura de menú. Una de esas opciones es la de estructurar nuestro menú de forma vertical. En este post os explicaremos cómo crear

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