Cómo añadir una galería de imágenes en WordPress - Guía paso a paso

¿Eres artista o creativo y quieres mostrar tu trabajo en tu sitio web? ¿Quieres ofrecer imágenes impresionantes que muestren tu trabajo en todo su esplendor?

Tanto si quiere exponer su trabajo para conseguir más clientes (y, de paso, más trabajo) como si sólo quiere mostrar su lado creativo, crear una página de portafolio en su sitio web realmente funciona.

Como dice el refrán, una imagen vale más que mil palabras.

Si es fotógrafo, diseñador gráfico, arquitecto, interiorista o cualquier otra profesión en la que se pueda ver su trabajo, mostrar su portafolio de la mejor manera posible en su sitio web ayuda a dar a conocer su trabajo.

Si lo único que quieres es incluir una sola imagen en tu página, no pasa nada. Sin embargo, si lo que quieres es mostrar varias imágenes, lo mejor es crear una galería de imágenes.

Si no creas una galería, no sólo estarás ocupando mucho espacio en tu página web, sino que también puede hacer que tu página parezca desordenada. Por no hablar de la dificultad que supone para los usuarios navegar por las imágenes.

La buena noticia es que puedes crear fácilmente galerías de imágenes para mostrar tu portafolio en WordPress.

Desde crear galerías de imágenes sencillas utilizando el bloque de imágenes nativo de WordPress hasta galerías más atractivas y personalizables utilizando los plugins de galerías de imágenes de WordPress, hay mucho que puedes hacer.

Este artículo muestra lo fácil que es crear una galería de imágenes en WordPress. Probablemente pasarías más tiempo seleccionando las imágenes que creando una galería. ¡Así de sencillo es!

Además de utilizar la funcionalidad de galería de imágenes nativa de WordPress, crearemos una utilizando un archivo Plugin de WordPress para galerías para ilustrar lo que es posible.

¿Por qué crear una galería de imágenes en WordPress?

Cuando creas un artículo en WordPress y quieres añadir una imagen, normalmente añadirías el bloque de imagen y subirías la imagen. Así es como lo hacemos de todos modos.

Pero, ¿y si quieres añadir varias imágenes? ¿Repetirías el proceso anterior hasta terminar de añadirlas todas? Suponemos que no.

Tu página sería un scroll interminable de imágenes. Y creemos que estarás de acuerdo, esa no es la forma ideal de mostrar las imágenes a tus usuarios.

Al crear una galería de imágenes, puede mostrar las imágenes en un diseño bien definido y compacto. Puedes mostrar las imágenes como miniaturas y, cuando un usuario haga clic en ellas, podrá ver la imagen a tamaño real.

Así creará una galería de imágenes estéticamente agradable en su sitio web.

Cuando se trata de crear una galería de imágenes en WordPress, puede utilizar las herramientas integradas o utilizar un plugin de galería de imágenes. Los plugins te ofrecen características y funcionalidades adicionales en comparación con la opción predeterminada.

Las herramientas por defecto están bien para una imagen o dos aquí y allá, pero para cualquier otra cosa, se necesita un plugin de galería de imágenes.

Los plugins de galerías de imágenes permiten abrir una nueva página al hacer clic en las imágenes, ofrecen posibilidades de personalización adicionales y la posibilidad de reordenar las imágenes de la galería. También puedes incluir fácilmente la misma galería en varias páginas y entradas utilizando shortcodes. Puedes conseguir muchas cosas con un plugin de galería de imágenes.

En este artículo, le guiaremos a través de ambos métodos para crear una galería de imágenes en WordPress.

Empecemos a crear nuestra galería de imágenes. Primero, usaremos el método por defecto de WordPress. Luego te mostraremos cómo crear una galería de imágenes usando un plugin.

¿Cómo crear una galería de imágenes en WordPress?

El bloque de galería de imágenes por defecto en WordPress es muy básico y no tiene muchas características. Si las imágenes no son el centro de atención de la página, cumple con creces su función.

Empecemos creando una galería de imágenes utilizando el bloque de galería de imágenes predeterminado de WordPress.

Método 1. Crear galería de imágenes sin un plugin

Para empezar, selecciona la página o entrada en la que deseas añadir la galería de imágenes. Puedes utilizar una entrada existente o crear una nueva, como hemos hecho en este ejemplo.

A continuación, haga clic en el botón Añadir bloque (+) y seleccione el icono Galería bloque.

Esto insertará el bloque Galería en tu entrada.

Tiene la opción de cargar imágenes desde su ordenador o seleccionar imágenes previamente cargadas en la mediateca.

Seleccionemos la primera y hagamos clic en Cargar.

Cuando subas fotos desde tu ordenador, puedes subir una foto cada vez o varias pulsando la tecla Ctrl (o Comando en Mac) mientras seleccionas las fotos.

Una vez que hayas cargado las fotos, se mostrarán en un diseño predeterminado de tres columnas, como se muestra arriba. Esto, por supuesto, suponiendo que tengas más de tres fotos para mostrar.

Ahora tienes la opción de añadir un pie de foto a cada una de tus fotos. Solo tienes que hacer clic en la foto e introducir el pie de foto donde aparece "Escribir pie de foto...", como se muestra en la imagen siguiente.

El otro método para añadir fotos a la galería consiste en seleccionar fotos cargadas previamente en la biblioteca multimedia.

Haga clic en Mediateca.

Selecciona las fotos que quieras añadir a la galería.

Una vez seleccionadas las imágenes, haz clic en 'Crea una nueva galería.'

En el Editar galería tendrás la opción de añadir títulos a tus fotos.

Una vez completado, haz clic en 'Insertar Galería.'

Ahora, hay algunos ajustes que puedes personalizar para tu galería de imágenes. Verás los ajustes del bloque de la galería a la derecha de la entrada.

Por defecto, las imágenes se muestran en tres columnas. Puede cambiarla editando el número en Columnas.

También puede asegurarse de que las imágenes en miniatura estén alineadas activando la opción Recortar imágenes opción.

¿Quieres que tus fotos se abran en una página nueva o en un lightbox (popup)? Considera la opción Enlace opción.

También puede decidir el tamaño de la imagen que se abre en el lightbox eligiendo una opción en Tamaño de la imagen.

Una vez que haya completado los distintos ajustes, publique o actualice su página en consecuencia.

¡Y ya está! Acaba de crear su galería de imágenes utilizando el bloque de galería de imágenes nativo de WordPress.

¿A que era sencillo?

Aunque crear una galería de imágenes con el bloque Galería es sencillo, tiene muchas limitaciones.

Ventajas e inconvenientes de crear una galería de imágenes sin un plugin:

Pros

• Fácil de instalar
• Viene incorporado con WordPress

Contras

• No hay opción de abrir una nueva página al hacer clic en las imágenes. Al hacer clic en una imagen de la galería, se abre un archivo multimedia o una página de archivos adjuntos. Tendrás que pulsar el botón de retroceso del navegador para volver a ver la galería de imágenes.
• Hay poco que puedas hacer con la apariencia de la galería. La única personalización que puedes hacer es seleccionar el número de columnas.
• No se puede navegar por el resto de imágenes de la galería sin cerrar la imagen seleccionada. No está disponible la opción siguiente/anterior.
• No hay una manera fácil de reordenar las imágenes de tu galería. Lo más probable es que tengas que borrar las imágenes y volver a crear la galería si quieres cambiar cómo aparecen las imágenes.
• ¿Quieres reutilizar la misma galería en otra página o entrada? Pues tendrías que volver a crearla.
• ¿Quiere que los visitantes de su sitio web ordenen rápidamente su galería de imágenes? Eso tampoco es posible. No puedes aplicar filtros a tus imágenes.

Si desea crear una galería de imágenes con todas las características mencionadas anteriormente, debe considerar la instalación de un plugin.

Existen varios plugins de galerías de imágenes que puedes instalar en WordPress para crear galerías de aspecto profesional.

Uno de esos plugins es el nuestro Cartera WP plugin.

Método 2. Crear galería de imágenes con un plugin

Cartera WP es un plugin premium para portafolios de WordPress ideal para fotógrafos, diseñadores web, videógrafos, empresarios y prácticamente cualquier persona que desee mostrar imágenes.

WP Portfolio le permite al instante crear un sitio web mostrando sus sitios web o importando más de 45 demos de diseño profesional.

Estas son algunas de las características del plugin,

• Muestre mejor su portafolio utilizando múltiples diseños
• Busque rápidamente las demostraciones pertinentes mediante el campo de búsqueda
• Un plugin ligero que no afecta a los tiempos de carga del sitio web
• Importar listo para usar plantillas de sitios web de portafolios
• Con la función de carga lenta, las páginas se cargan más rápido.
• Puede cargar varios productos a medida que el usuario se desplaza, utilizando la función de desplazamiento infinito
• Clasifique y ordene fácilmente los productos para que los usuarios sepan dónde encontrarlos

Entre varias características disponibles en WP Portfolio, una característica que se destaca de la característica nativa de WordPress es el uso de shortcodes.

Típicamente si tuvieras que recrear una galería de imágenes en múltiples páginas/posts en WordPress usando el bloque nativo de galería de imágenes, tendrías que empezar a crear una desde cero. Usando WP Portfolio, puedes simplemente incluir el shortcode en cualquier página y mostrar tu galería.

Para obtener más información sobre el plugin, sus funciones, ver las demos y adquirirlo, visite Cartera WP.

Vamos a seguir adelante y crear una galería de imágenes utilizando el plugin WP Portfolio.

Paso 1: Instalar el plugin

Una vez que haya adquirido el complemento, descargue el archivo ZIP (astra-portfolio-1.11.3.zip) desde la página de su cuenta.

A continuación, haga clic en Subir Plugin en Plugins > Añadir nuevo en el panel de control de WordPress. Elija el archivo que acaba de descargar. Instale el plugin y, a continuación, actívelo.

Paso 2: Crear una nueva cartera

Una vez activado el plugin, observará que Cartera WP añadido a la navegación de la izquierda.

Para crear una galería de imágenes, haga clic en Añadir nuevo en WP Portfolio. También puede acceder desde WP Portfolio > Todos los elementos del portafolio > Añadir nuevo.

Para simplificar los pasos siguientes, imaginemos que estamos creando un rompecabezas.

Al formar un puzzle, tienes múltiples piezas independientes que ensamblas y acaban formando tu obra maestra.

De forma similar, primero añadirá imágenes individuales, también denominadas elementos del portafolio. Una vez que haya terminado de agregar todos los elementos del portafolio, los agrupará utilizando un shortcode para formar su galería de imágenes.

Para empezar, añade un título a tu imagen y selecciona el tipo como imagen.

Una vez que hayas terminado, haz clic en Añadir elemento de cartera.

Ahora tendrá que añadir un Imagen en miniatura y un Imagen de la cartera.

También puedes establecer categorías para la imagen. Si has establecido una categoría similar para diferentes tipos de portafolio, es decir, sitio web, imagen, vídeo o una sola página, también podrías añadir una etiqueta para que la imagen sea más específica.

Haga clic en Publique una vez que hayas terminado.

Para añadir más imágenes a tu portafolio, repite el mismo proceso.

Paso 3: Crear el Shortcode

Ahora que hemos añadido los elementos de la cartera, es el momento de agruparlos y crear nuestra galería de imágenes.

Para ello, tenemos que introducir los ID de todas las categorías, otras categorías y etiquetas establecidas para todas las imágenes de la cartera.

Y conseguirlo es muy sencillo.

Visite Cartera > Categorías y edita la primera categoría.

Por ejemplo, hemos creado las categorías granja, bosque y montaña y hemos añadido nuestras imágenes en consecuencia. Vamos a editar la primera categoría, Granja.

Ahora, observe detenidamente la URL que se muestra en el navegador y, más concretamente, la parte de la URL que tiene el ID de categoría, es decir, "astra-portfolio-categories&tag_ID=(ID de categoría)."

Por ejemplo, para nuestra categoría Granja, la sección de la URL que se muestra es "astra-portfolio-categories&tag_ID=37".

Necesitaremos incluir este ID de categoría en nuestro shortcode.

Nuestro shortcode empieza por wp_cartera y va seguido de un conjunto de atributos. Un formato típico de shortcode es el siguiente,

[ wp_portfolio show-categories="yes" categories="1,2,3,4″ show-other-categories="yes" other-categories="5,6″ tags="10″ columns="2″ show-search="no" ]

Si desea mostrar sólo las categorías, puede prescindir del resto de atributos. Por ejemplo, si queremos mostrar imágenes sólo en la categoría de granja, el shortcode será,

[ wp_portfolio show-categories="yes" categories="37″ columns="2″ show-search="no" ]

Dónde 'categorías="37″incluye el ID de la categoría de nuestra granja. El atributo columnas son el número de columnas en las que queremos que se muestre nuestra cartera, y los valores mostrar-búsqueda es si queremos mostrar un cuadro de búsqueda en la barra superior de la página de nuestra cartera.

Para obtener una lista completa de todos los atributos de shortcode, pulse aquí.

Seguiremos adelante e incluiremos todas las categorías en nuestra página de portafolio, es decir, granja, bosque y montaña con los ID de categoría 37, 36 y 35 respectivamente. También elegiremos mostrar un filtro de búsqueda. Por lo tanto nuestro shortcode será el siguiente:

[ wp_portfolio show-categories="yes" categories="37,36,35″ columns="2″ show-search="yes" ]

Para añadir este shortcode a nuestra página/post, selecciona el bloque Shortcode al crear una nueva página/post.

A continuación, inserte el shortcode, como se muestra en la imagen siguiente.

Una vez que haya terminado, haga clic en Publique.

Y ya lo tienes, ¡has creado con éxito tu portafolio de imágenes!

Pros

• Fácil de instalar
• Crea, personaliza y gestiona tu cartera fácilmente
• Compatible con Gutenberg y otros constructores de páginas populares como Elementor, Beaver Builder y Brizy.
• Crea fácilmente shortcodes e inclúyelos en cualquier página/post
• Ofrece la función lazy loading que carga la cartera más rápido
• Cree carteras flexibles y con capacidad de respuesta
• Cree tipos de entrada personalizados, como audios, vídeos, lightboxes, etc.
• Ligero y orientado al rendimiento, lo que mejora el rendimiento y el tiempo de carga de su sitio web.

Contras

• No hay versión gratuita

¿Cómo crear una galería de vídeos en WordPress?

Ahora que hemos creado nuestra galería de imágenes, ¿creamos también una galería de vídeos?

El vídeo es un medio increíblemente poderoso para captar la atención y recomendamos a cualquiera que pueda crear vídeos de buena calidad que lo haga. Utilizamos mucho el vídeo e incluso tenemos nuestro propio canal de YouTube.

Si desea utilizar vídeos en su sitio web, una galería de vídeos puede ayudarle a mostrar su trabajo de forma organizada y atractiva.

He aquí algunas razones por las que debería considerar el uso de vídeos,

• 83% de los profesionales del marketing por vídeo afirman que el vídeo les ayudó a generar clientes potenciales
• 84% de las personas dicen que les han convencido para comprar un producto o servicio viendo un vídeo de una marca
• 95% de los profesionales del marketing por vídeo afirman que, gracias al vídeo, han mejorado la comprensión de su producto o servicio.
• 93% de las marcas consiguieron un nuevo cliente gracias a un vídeo en las redes sociales

(Fuente: Hubspot)

Utilizando nuestro Cartera WP plugin, el proceso es el mismo. Bueno, ¡casi!

Visite WP Portfolio > Añadir nuevoañada un título para su cartera de vídeos y, esta vez, seleccione la opción Vídeo del menú desplegable Tipo.

A continuación, añada la imagen en miniatura del vídeo e incluya la URL del mismo.

Puedes subir los vídeos a plataformas como YouTube, Dropbox, entre otras, e incluir la URL completa. Debes incluir la URL completa y no las URL acortadas.

Por ejemplo, hemos incluido un vídeo sobre cómo añadir un esquema de persona a su sitio web. La URL completa de este vídeo es https://www.youtube.com/watch?v=hk1Ws1H8uRQy la URL acortada es https://youtu.be/hk1Ws1H8uRQ. Tenemos que utilizar la primera, la URL completa, para que esto funcione.

Puedes añadir las categorías, otras categorías y etiquetas, igual que hiciste al crear una galería de imágenes. Una vez que haya terminado, haga clic en Publique.

Del mismo modo, puedes añadir varios vídeos y, por último, añadir los ID de categoría al shortcode para mostrar tu galería de vídeos.

Utiliza uno de los plantillas de sitios web de vídeo para mejorar el aspecto general de su sitio web.

Y así de sencillo es crear una galería de vídeos en WordPress.

Los mejores plugins de galerías de imágenes para WordPress

Una búsqueda en WordPress del término "galería de imágenes" arrojará varios plugins. Los hay gratuitos y premium plugins disponibles en WordPress repositorio.

Aunque existen muchos plugins de galerías de imágenes, hemos enumerado algunos de los más populares.

1. Cartera WP

Hemos cubierto WP Portafolio anteriormente, mientras que la creación de la galería de imágenes y vídeos.

Es un plugin premium de Brainstorm Force. Es ideal para crear carteras de sitios web, galerías de imágenes, carteras de vídeo y carteras de una sola página.

2. Modula

Modula es un plugin de galería de imágenes para WordPress muy popular que tiene una versión gratuita y otra premium. Mientras que la versión gratuita ofrece algunas características básicas que siguen siendo mejor que la opción nativa de WordPress.

La versión Premium le ofrece toda una serie de funciones adicionales.

Algunas características del plugin Modula incluyen,

• Crea galerías fácilmente mediante opciones como arrastrar, soltar, redimensionar o reemplazar con un solo clic.
• Cree el diseño de galería perfecto que se adapte a todos los tipos de dispositivos: ordenadores de sobremesa, móviles y tabletas.
• ¿Quieres restringir el acceso a tu galería? Puedes hacerlo compartiendo la URL de tu galería protegida por contraseña con determinados clientes
• Uso inteligente optimización de imágenes + servicio CDN para acelerar su sitio web hasta 70%
• Protege tu trabajo añadiendo una marca de agua a tus imágenes con la extensión
• Cree una URL única e indexable para cada elemento de la galería y tenga un control SEO total

Visite Modula para explorar todas sus funciones y descargar el plugin.

3. FooGallery

El siguiente plugin de nuestra lista es FooGallery. Proporciona algunos diseños de galería increíblemente rápidos que son retina-ready y fácil de usar. El plugin le permite crear múltiples tipos de álbum, soporta galerías de vídeo, y contiene una amplia gama de herramientas de rendimiento.

Además de las características de la versión gratuita, la versión premium incluye características como una gama más amplia de diseños de galería, la opción de añadir galerías de vídeo, desplazamiento infinito, efectos hover avanzados, entre muchas otras características.

Algunas características de FooGallery incluyen,

• Organizar imágenes mediante categorías, etiquetas o ambas cosas
• Permitir a sus visitantes ver la galería aplicando filtros y opciones de clasificación
• Incluye fácilmente paginaciones como puntos, números de página, carga más, para ver galerías más extensas
• Construye y estiliza los pies de foto fácilmente utilizando marcadores de posición dinámicos y CSS personalizados.
• Genere galerías dinámicamente a partir de fuentes de datos como Instagram, etiquetas multimedia, Adobe Lightroom, etc.
• Admite automáticamente la creación de hermosas galerías de vídeos, que pueden importarse desde varias fuentes diferentes.
• Ordena las imágenes como quieras con la función integrada de reordenación mediante arrastrar y soltar

Para explorar las distintas funciones y descargar el plugin, visite FooGallery.

4. Galería NextGEN

NextGEN Gallery es un plugin de galería altamente personalizable que ofrece una gama de funciones avanzadas, incluso con la versión gratuita. Con la facilidad de uso y características tales como el intercambio social, integraciones de pago para vender su trabajo, pruebas de imagen, copias de seguridad, y así sucesivamente, NextGEN es un plugin muy recomendable.

Algunas de las características de NextGEN Gallery son,

• Opción de crear un verdadero sistema de comercio electrónico de imágenes y vender sus imágenes directamente desde su sitio. Además, integre fácilmente proveedores de pago como PayPal, Stripe y Checks para aceptar pagos.
• Cree un negocio de impresión completo vendiendo fotos en línea con impresión automatizada. Podrías enviar impresiones directamente a los clientes sin comisiones.
• Calcule fácilmente los impuestos sobre las ventas, independientemente del lugar del mundo en el que se encuentren usted o sus clientes.
• Cuando vendas imágenes, añade fácilmente los precios conectando listas de precios a tus galerías
• Con el uso de cupones, puede ofrecer fácilmente descuentos exclusivos a sus clientes

Para obtener más información e instalar el complemento, visite NextGEN.

5. Galería Envira

Con funciones como un constructor de arrastrar y soltar, navegación lógica, marca de agua y protección e integración con redes sociales, Envira Gallery es un plugin que merece la pena tener en cuenta.

Algunas características de Envira Gallery incluyen,

• Constructor de arrastrar y soltar
• Plantillas prediseñadas para personalizar fácilmente el aspecto de la galería
• Cree galerías de imágenes adaptables que funcionen en todos los dispositivos
• Cree galerías independientes y autónomas que no estén vinculadas a ninguna página/post
• Visualice las dimensiones completas de las imágenes y evite recortarlas o redimensionarlas utilizando la caja de luz de imágenes de gran tamaño
• Permite a los usuarios compartir fotos por correo electrónico, Facebook, Pinterest, Twitter, LinkedIn y WhatsApp mediante el complemento para compartir en redes sociales.

Para obtener una lista detallada de las funciones, visite Envira Gallery.

¿Desea evaluar más opciones de plugins de galerías de fotos?

Hemos creado una entrada de blog detallada que incluye las características, los pros y los contras de 15 de los mejores plugins de WordPress para galerías de fotos.

Reflexiones finales

Tanto si eres crear un sitio web de portafolio o desea mostrar varias imágenes en su sitio web, la creación de una galería de imágenes es la solución perfecta.

Desde el bloque de galería de imágenes nativo de WordPress hasta los diversos plugins de galería de imágenes disponibles, puede crear fácilmente una galería de imágenes en WordPress.

El bloque de galería de imágenes nativo de WordPress es ideal para crear una galería sencilla con un mínimo de imágenes. Tampoco tienes muchas opciones con las personalizaciones limitadas que ofrece el bloque por defecto. Y si quisieras replicar la galería en múltiples páginas/posts, no tienes otra opción que recrearla desde cero.

Los plugins presentados en este artículo abordan todas las limitaciones anteriores. Desde mejores diseños hasta opciones de personalización y shortcodes para replicar la galería fácilmente, hay mucho más que puedes hacer con los plugins de galerías de imágenes.

La mayoría de los plugins para galerías de imágenes de WordPress están disponibles de forma gratuita, así que puedes ir probando y ver cuál se adapta mejor a tus necesidades.

¿Cuál de estos plugins de WordPress has utilizado para crear una galería de imágenes? Enlaza tus creaciones a continuación, ¡nos encantaría ver tu trabajo!