---
title: "Cómo mostrar una galería de fotos | Tutoriales - GoodBarber"
description: "Hoy aprenderemos cómo crear una galería de fotos en tu aplicación.\r \r Como siempre, vayamos al menú Mi app> Contenido> Secciones.\r \r Hago clic en agregar una secci&o…"
canonical_url: "https://es.goodbarber.com/tutorials/contenido/como-mostrar-una-galeria-de-fotos/"
lang: es
---

# Cómo mostrar una galería de fotos | Tutoriales - GoodBarber

[Atrás](https://es.goodbarber.com/tutorials/)

# Cómo mostrar una galería de fotos

Hoy aprenderemos cómo crear una galería de fotos en tu aplicación.

Como siempre, vayamos al menú Mi app> Contenido> Secciones.

Hago clic en agregar una sección.

selecciona Galería.

ingresa un título y agrega!

Ahora hago clic en Modificar el contenido.

¡Todo lo que tengo que hacer es agregar mis fotos!

El tamaño de las fotos no debe exceder un peso de 4 MB y un tamaño de 3264 * 3264 píxeles.

Puedo subir hasta 100 fotos al mismo tiempo.

Aquí vamos, tengo todas mis fotos.

Para editar mi galería, voy al menú Mi app> Contenido> Lista de contenido.

Selecciono Todas las fotos, luego la sección si es necesario.

Si quiero cambiar el título de una foto, solo tengo que hacer clic en ella.

También puedo agregar un subtítulo.

Eliminar la foto

Gestionar comentarios

Administrar el estado de la publicación

También puedo recortar la imagen o aplicarle filtros haciendo clic aquí.

Si lo prefiere, puedes cambiar el visual de la lista aquí.

Y aplicar filtros.

En el modo de vista de cuadrícula, puede reordenar sus imágenes de esta manera;

Al igual que con todas las secciones, en el menú Mi app> Contenido> Secciones, puedo acceder a la configuración de mi sección Galería.

Tengo varias configuraciones que puedo cambiar y los metadatos de SEO.

Luego, ajustaré el diseño de mi galería.

O por el menú de Secciones como este.

O a través del menú Mi app> Diseño> Secciones de diseño.

Elijo mi sección y ahora solo tengo que seleccionar mi plantilla de visualización

el color de fondo,

y la barra de herramientas.

¡Eso es lo que parece!

¡Ahora es tu turno!

¡Hasta pronto en otro tutorial!

## Vídeos similares

[ContenidoCómo administrar las secciones de su aplicación](/tutorials/contenido/como-administrar-las-secciones-de-tu-aplicacion/)

![Cómo administrar las secciones de su aplicación](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContenidoCómo administrar GoodBarber CMS](/tutorials/contenido/como-administrar-goodbarber-cms/)

![Cómo administrar GoodBarber CMS](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContenidoCómo copiar contenido CMS](/tutorials/contenido/como-copiar-contenido-cms/)

![Cómo copiar contenido CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContenidoCómo administrar los comentarios](/tutorials/contenido/como-administrar-los-comentarios/)

![Cómo administrar los comentarios](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContenidoCómo agregar categorías/filtros a sus secciones](/tutorials/contenido/como-agregar-categoriasfiltros-a-tus-secciones/)

![Cómo agregar categorías/filtros a sus secciones](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContenidoCómo agregar enlaces en las secciones de CMS](/tutorials/contenido/como-agregar-enlaces-en-las-secciones-de-cms/)

![Cómo agregar enlaces en las secciones de CMS](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContenidoCómo administrar archivos PDF](/tutorials/contenido/como-administrar-archivos-pdf/)

![Cómo administrar archivos PDF](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContenidoCómo personalizar tu página 404](/tutorials/contenido/como-personalizar-tu-pagina-404/)

![Cómo personalizar tu página 404](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[ContenidoCómo crear artículos](/tutorials/contenido/como-crear-articulos/)

![Cómo crear artículos](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)