Cómo crear (y personalizar) una galería de fotos en WordPress

Si tiene muchas imágenes y todas merecen un espacio en su sitio web, esto podría plantear un problema. Aunque, con WordPress, es solo un inconveniente menor. Esto se debe a que hay muchas formas de crear una galería de fotos en WordPress, a menudo usando un complemento.

Hay algunas soluciones en el mercado para elegir, como NextGEN Gallery. WordPress incluso tiene su propia forma de crear galerías de fotos en un abrir y cerrar de ojos. Independientemente de la solución que elija, hay espacio para todas sus imágenes en su sitio web.

En esta publicación, vamos a discutir cómo hacer una galería de fotos dentro de WordPress. A partir de ahí, veremos algunas personalizaciones que puedes hacer para llevar tu galería de fotos de otro contendiente al campeón de peso pesado.

Por qué querrías mostrar una galería de fotos en tu sitio web de WordPress

WordPress está hecho a medida para la web moderna, y esto se debe a que es de primera categoría para mostrar sus medios (como videos, GIF e imágenes). Hablaremos más sobre WordPress en un momento, pero por ahora, considere los siguientes beneficios de usar una galería de fotos:

• Puede exhibir colecciones de imágenes y darles contexto y significado.
• Puede dedicar un espacio específico a lotes de imágenes y mostrarlas de la manera correcta.
• No tiene que trabajar con imágenes 'en línea'. En otras palabras, las imágenes pueden ser un elemento por derecho propio, en lugar de ser parte de su contenido de texto.

Una galería de fotos puede tener muchos usos, en muchos nichos diferentes. Por ejemplo, una empresa de comercio electrónico podría usar una galería para mostrar diferentes ángulos de un producto, o varios esquemas de color y diseños de un solo artículo.

Además, un sitio típico de blogs podría dar más contexto a la escritura y agrupar imágenes. Obviamente, un sitio de fotografía se beneficiará de una galería de fotos más que de cualquier otro, ya que puede crear álbumes basados ​​en diferentes temas o proyectos.

De hecho, con las soluciones correctas implementadas, el cielo es el límite cuando se trata de lo que puede lograr con sus propias galerías de fotos.

Por qué WordPress es una plataforma ideal para su sitio web

Antes de continuar, vale la pena señalar qué hace que WordPress sea tan perfecto para cualquier tipo de sitio web.

Es un sistema de administración de contenido (CMS) gratuito y de código abierto que viene listo para usar desde el primer momento. Además, es una solución popular: se usa en más del 42 por ciento de todos los sitios web y puede encontrarlo en sitios como Rolling Stone, Walt Disney, Bloomberg y muchos más.

En general, WordPress es un CMS seguro, estable, escalable y flexible. El precio también es correcto. Además, existe una gran comunidad de profesores, expertos y desarrolladores dispuestos a echar una mano. El ecosistema también está repleto de temas y complementos para ayudarlo a construir y publicar su sitio.

Cómo crear una galería de imágenes usando las opciones predeterminadas de WordPress

WordPress viene con muchas formas funcionales de agregar contenido a su sitio. Por ejemplo, el Editor de bloques ofrece un Bloque de galería dedicado que podría adaptarse a sus necesidades en caso de apuro.

Para encontrar esto, navegue a una publicación o página dentro de WordPress y eche un vistazo al Editor de bloques. Querrá hacer clic en el icono Más junto a un espacio vacío y buscar el Bloque de galería:

Puede ser que tengas que buscarlo, pero cuando lo encuentres, haz clic para agregarlo a tu contenido:

Aquí, elija cargar nuevas imágenes o elegir de su biblioteca multimedia de WordPress. Cuando se abre el cuadro de diálogo de carga, puede arrastrar sus imágenes a la pantalla y comenzará el proceso.

Como alternativa, puede utilizar imágenes existentes desde la Biblioteca multimedia:

Cuando esté listo, haga clic en Crear una nueva galería . En este punto, puede agregar leyendas a cada imagen y arrastrarlas en el orden correcto. Tenga en cuenta que también puede configurar los metadatos de su imagen aquí, necesarios para una buena optimización de motores de búsqueda (SEO):

Una vez que guardes los cambios, verás la galería dentro del contenido de tu publicación o página:

Puede realizar algunas personalizaciones simples desde la barra lateral derecha, como la cantidad de columnas, si las imágenes tienen recorte aplicado y más.

Presentamos el complemento de la galería NextGEN

Por supuesto, las opciones predeterminadas de WordPress para crear una galería de fotos tienen muchas aplicaciones, pero es posible que necesite más. Esto es especialmente cierto si trabaja en un campo como el comercio electrónico o la fotografía que necesita imágenes de alta calidad y los medios para mostrarlas.

NextGEN Gallery es el estándar típico para agregar una galería de fotos dentro de WordPress. Tiene millones de descargas, y otros tantos usuarios satisfechos:

Es un sistema completo de gestión de galerías con las siguientes características esenciales:

• Una serie de estilos de galería y álbum para que elijas.
• Muchas opciones para ayudarlo a personalizar su galería según sus propios requisitos.
• Integración con el Editor de bloques, para que pueda agregar sus galerías NextGEN en lugar de usar la propia solución de WordPress.

Hay mucho más en la versión gratuita que no hemos cubierto aquí, pero también hay más en la solución premium. El precio comienza desde alrededor de $25 por año para un solo sitio, y obtendrá aún más por su dinero en los niveles más altos.

Cómo crear una galería de fotos en WordPress usando la galería NextGEN (en 3 pasos)

En los próximos pasos, le mostraremos cómo crear una galería de fotos con WordPress utilizando NextGEN Gallery. De hecho, este tutorial es una excelente manera de ver el poder de la versión gratuita del complemento.

1. Instale y active el complemento de la galería NextGEN

Su primer paso debe ser instalar y activar el complemento NextGEN Gallery. Estamos usando la versión gratuita aquí, por lo que puede hacerlo a través de la pantalla Complementos> Agregar nuevo dentro de WordPress:

Una vez que haga clic en Instalar ahora , luego en Activar , WordPress hará lo suyo y lo llevará a la pantalla de descripción general de la galería NextGEN:

Notarás un mensaje en la parte superior de la pantalla para ejecutar el Asistente de galería, aunque no lo necesitas para dar tus primeros pasos.

2. Agregue sus imágenes y realice algunos ajustes en la configuración predeterminada

Para comenzar a crear su propia galería, haga clic en el vínculo Galería NextGEN > Agregar galería/imágenes :

Esto te lleva al cargador de imágenes:

Esto funciona de manera similar a la biblioteca multimedia de WordPress. Puede arrastrar imágenes al cargador e importarlas desde la propia biblioteca multimedia . Aunque, hay más aquí. Por ejemplo, también puede cargar una carpeta completa, lo cual es excelente si exporta desde Capture One o Lightroom: puede arrastrarla directamente a WordPress y ponerse a trabajar.

Una vez que tenga sus imágenes dentro de WordPress, querrá darle un título a su galería usando el campo de texto, luego haga clic en Crear y seleccionar para construir su nueva galería. Como alternativa, si desea cargar desde la Biblioteca multimedia, primero debe crear su galería y luego seleccionar sus imágenes desde la interfaz familiar.

El paso final es hacer clic en el botón Importar imágenes y NextGEN Gallery ejecutará el proceso de importación. Una vez que haya terminado, puede dirigirse a la pantalla Administrar galerías para obtener una descripción general de la organización de su imagen:

Administrar sus galerías está más allá del alcance de este artículo, aunque lo alentamos a que mire por aquí para ver qué puede lograr.

Para mostrar su galería, regrese a una publicación o página y agregue un bloque de galería NextGEN usando la funcionalidad de búsqueda dentro del cuadro de diálogo Agregar bloque :

Esto abrirá las opciones de personalización de NextGEN:

Por ahora, usaremos la opción Miniaturas básicas y haremos clic en Insertar galería . Si bien no verá una vista previa en vivo dentro del Editor de bloques, puede ver una usando los enlaces de Vista previa de WordPress dedicados:

Esto es casi todo lo que hay que hacer para crear una galería de imágenes de WordPress. Sin embargo, hay mucho más alcance a su disposición.

3. Personalice su galería de fotos según sus requisitos únicos

Si bien nuestra galería de imágenes es funcional en este momento, no es la mejor representación de las imágenes en sí. Podemos arreglar esto usando las opciones de la Galería NextGEN.

Para hacer esto, regrese al Editor de bloques y haga clic en el botón Editar en su galería. Esto lo llevará de vuelta a la pantalla Elegir pantalla:

Puede elegir cualquier opción disponible aquí, luego haga clic en el botón Insertar galería nuevamente. Para personalizar aún más la galería, diríjase a la pantalla NextGEN Gallery > Gallery Settings dentro de WordPress:

Aquí, puede modificar muchas opciones diferentes para asegurarse de que la galería elegida satisfaga sus necesidades. Con el estilo de la galería Presentación de diapositivas, puede elegir establecer dimensiones específicas, reproducir automáticamente la presentación de diapositivas, establecer un estilo de transición y mucho más:

Lo mejor de usar la Galería NextGEN con el Editor de bloques es que la galería asumirá algunas de las propiedades de todo su diseño. Esto lo convierte en una excelente opción para integrar sus galerías de imágenes en su sitio y llevarlas al siguiente nivel con personalizaciones.

Consejos para optimizar su galería de fotos una vez que esté en línea

Una vez que tenga una galería de fotos en funcionamiento en su sitio, puede comenzar a pensar en otras formas de hacerlas más valiosas y útiles.

Por ejemplo, hay tres consideraciones principales que querrá hacer:

• Asegúrese de que las imágenes sean aptas para la web. Es posible que ya haga esto desde Capture One o Lightroom, pero establecer las dimensiones correctas (alrededor de 2048 px en el lado largo) y la resolución (72 píxeles por pulgada) asegurará que su imagen tenga la mejor calidad y ayudará a que su sitio funcione. de manera óptima.
• Añade metadatos a tus imágenes. Puede configurar esto dentro de la Biblioteca multimedia. El título de su imagen ayuda a los motores de búsqueda a comprender lo que significan las imágenes. El 'texto alternativo' es crucial para la accesibilidad, mientras que su título puede ayudar a dar contexto a algunas de sus fotos.
• Optimícelas usando Imagify. Las imágenes para la web no necesitan tener un tamaño de archivo enorme para ser de alta calidad. El uso de una solución como Imagify significa que puede conservar la mayor calidad posible, al mismo tiempo que elimina el peso del propio archivo.

Incluso estas tres optimizaciones sencillas podrían hacer que sus galerías de fotos estén por encima del resto.

Terminando

Las fotos constituyen gran parte del contenido de la web. Debido a esto, querrá aprovechar los beneficios que una imagen bien ubicada puede brindarle. Para hacer esto dentro de WordPress, puede usar las opciones de galería integradas. Aunque una solución como NextGEN Gallery puede brindarle más estilos para elegir y una mayor cantidad de opciones de personalización.

Además, integrar una galería NextGEN en WordPress es pan comido. Primero, seleccione el Bloque, luego edite la configuración dentro de la página de personalización dedicada. Puede estar en funcionamiento en unos cinco minutos con una galería de fotos de aspecto estelar, ¡no se requiere código!

Si cree que sus imágenes necesitan una mayor presencia en su sitio, NextGEN Gallery podría ayudarlo. Existe una solución que se ajusta a sus necesidades exactas, incluida una versión gratuita con todas las funciones.

Crédito de la imagen: Ryan McGuire .