---
title: "Como criar um calendário | Tutoriais - GoodBarber"
description: "Hoje vamos aprender como criar um calendário em seu aplicativo.\r \r Vamos adicionar nossa seção no menu Meu app > Conteúdo > Seções.\r Clique em Adiciona…"
canonical_url: "https://pt.goodbarber.com/tutorials/conteudo/como-criar-um-calendario/"
lang: pt
---

# Como criar um calendário | Tutoriais - GoodBarber

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

# Como criar um calendário

Hoje vamos aprender como criar um calendário em seu aplicativo.

Vamos adicionar nossa seção no menu Meu app > Conteúdo > Seções.
Clique em Adicionar uma seção.

Selecione Calendário.

Eu nomeio minha seção e a adiciono.

Agora vamos editar o conteúdo.

Clico em Criar um evento.

E dou um título ao meu evento.

Eu escolho a data e hora de início e a data e hora de término

Também posso indicar se meu evento dura o dia todo.

Eu adiciono um local, se necessário.

E adiciono os elementos de que preciso para descrever meu evento.

No lado direito, seleciono a (s) seção (ões) onde desejo exibir meu evento.

Posso inserir botões de ação, urls para sites externos e permitir comentários.

Vamos para a guia SEO para editar meus metadados.

Tudo o que tenho que fazer agora é publicar!

Vamos passar para o design

Vou para a página de edição de design da seção do meu Calendário.

E começo com a exibição de lista.

Vamos começar com a cor do plano de fundo e das bordas.

A exibição de miniaturas, informações e resumo.

Em seguida, a exibição da data.

Aqui você tem várias opções:

Hora de início: exibe a hora de início específica do evento, se não for um evento de dia inteiro.
Se o evento for um evento de dia inteiro, ele exibirá o ícone "24" indicando que o evento é um evento de dia inteiro.

Data de início: usado para eventos que se estendem por vários dias ou em um dia.
Ele exibirá a data de início do evento, mesmo se você estiver na segunda data.

Data de hoje: usado para eventos que se estendem por vários dias ou um dia.
Ele exibirá a data atual do evento.

Mencionar “agora”: exibirá "agora" em vez da data se a data for a data de hoje.
As datas futuras sempre serão exibidas com a data.

Em seguida, as cores e fontes dos textos.

A cor da data ...

A exibição do mapa se você inseriu endereços.

E finalmente a miniatura.

Rapidamente fazemos o mesmo para a visualização de detalhes do evento.

E voila! Minha seção está totalmente desenhada!

Última dica! não se esqueça de definir seu fuso horário no menu Minha conta, pois o horário de seus eventos será baseado nele.

Agora você sabe criar um calendário em seu aplicativo!

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)

[ConteúdoComo exibir uma galeria de fotos em seu aplicativo movel](/tutorials/conteudo/como-exibir-uma-galeria-de-fotos/)

![Como exibir uma galeria de fotos em seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)