---
title: "Como exibir uma galeria de fotos em seu aplicativo movel | Tutoriais - GoodBarber"
description: "Hoje vamos aprender como criar uma galeria de fotos em seu aplicativo.\r \r Como sempre, vamos ao menu Meu app > Conteúdo > Seções.\r \r Clico em Adicionar uma seç&atild…"
canonical_url: "https://pt.goodbarber.com/tutorials/conteudo/como-exibir-uma-galeria-de-fotos/"
lang: pt
---

# Como exibir uma galeria de fotos em seu aplicativo movel | Tutoriais - GoodBarber

[Voltar](https://pt.goodbarber.com/tutorials/)

# Como exibir uma galeria de fotos em seu aplicativo movel

Hoje vamos aprender como criar uma galeria de fotos em seu aplicativo.

Como sempre, vamos ao menu Meu app > Conteúdo > Seções.

Clico em Adicionar uma seção.

Selecione Galeria.

Insira um título e adicione!

Agora clico em Editar o conteúdo.

Só preciso adicionar minhas fotos!

O tamanho das fotos não deve exceder o peso de 4 MB e um tamanho de 3264 * 3264 pixels.

Posso fazer upload de até 100 fotos ao mesmo tempo.
Aqui vamos nós, tenho todas as minhas fotos.

Para editar minha galeria, vou para o menu Meu app > Conteúdo > Lista de conteúdo.

Seleciono “Todas as fotografias” e, em seguida, a seção, se necessário.

Se eu quiser mudar o título de uma foto, basta clicar sobre ela.
Também posso adicionar uma legenda.
Apagar a foto
Gerenciar comentários
Gerenciar status de publicação

Também posso cortar a imagem ou aplicar filtros a ela clicando aqui.

Se preferir, você pode alterar o visual da lista aqui.

E aplicar filtros.

No modo de exibição em grelha, você pode reordenar suas imagens assim;

Como em todas as seções, no menu Meu app > Conteúdo> Seções, posso acessar as configurações da seção Galeria.

Eu tenho várias configurações que posso alterar e os metadados de SEO.

Em seguida, ajustarei o design da minha Galeria.

Tanto pelo menu Seções como por este.

Ou através do menu Meu app > Design > Design de seções

Eu escolho minha seção e agora só tenho que selecionar meu modelo de exibição

a cor de fundo,

e a barra de ferramentas.

É assim que fica!

Agora é sua vez!

Vejo vocês em breve para outro tutorial!

## Vídeos semelhantes

[ConteúdoComo gerenciar as seções do seu aplicativo movel](/tutorials/conteudo/como-gerenciar-as-secoes-do-seu-aplicativo/)

![Como gerenciar as seções do seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ConteúdoComo gerenciar o CMS da GoodBarber](/tutorials/conteudo/como-gerenciar-o-cms-da-goodbarber/)

![Como gerenciar o CMS da GoodBarber](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ConteúdoComo copiar o conteúdo CMS](/tutorials/conteudo/como-copiar-o-conteudo-cms/)

![Como copiar o conteúdo CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ConteúdoComo gerenciar comentários](/tutorials/conteudo/como-gerenciar-comentarios/)

![Como gerenciar comentários](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ConteúdoComo adicionar categorias/filtros às suas seções](/tutorials/conteudo/como-adicionar-categoriasfiltros-as-suas-secoes/)

![Como adicionar categorias/filtros às suas seções](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ConteúdoComo adicionar links nas seções CMS](/tutorials/conteudo/como-adicionar-links-nas-secoes-cms/)

![Como adicionar links nas seções CMS](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ConteúdoComo gerenciar arquivos PDF em seu aplicativo movel](/tutorials/conteudo/como-gerenciar-arquivos-em-pdf/)

![Como gerenciar arquivos PDF em seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ConteúdoComo personalizar sua página 404](/tutorials/conteudo/como-personalizar-sua-pagina-404/)

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

[ConteúdoComo criar artigos](/tutorials/conteudo/como-criar-artigos/)

![Como criar artigos](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)
