Como criar um calendário dinâmico

Navegue até o Painel do WordPress> JetEngine> guia Módulos e ative a alternância de Calendário Dinâmico . Pressione o botão “ Salvar ”.

Vá para JetEngine > Post Types , clique no botão “ Add New ” e crie um novo Custom Post Type para eventos. Adicione os metacampos necessários. Adicione o metacampo Data a este CPT – os eventos serão apresentados no calendário de acordo com os dados desse campo. Ative a opção Salvar como carimbo de data/hora. Salve o CPT.

Crie postagens CPT, preencha-as com dados e publique.

Vá para JetEngine > Listagens . Clique no botão “ Adicionar novo ” e prossiga para criar um item de listagem para o CPT construído. Adicione metacampos necessários ao item.

Fonte: Kit de Imprensa Elemental

Abra a página ou postagem onde deseja mostrar o calendário dinâmico com os eventos no construtor de páginas Elementor. Encontre e solte o widget Calendário no local apropriado da página.

Este widget possui as seguintes configurações:

• O menu suspenso de listagem permite que os usuários selecionem o item de listagem necessário;
• O menu suspenso agrupar postagens por campo permite selecionar como os eventos serão colocados no calendário. Possui quatro opções:
  • “Data pós-publicação” e “Data pós-modificação” permitem colocar eventos nas células do calendário com base na data de criação ou modificação;
  • “Data do campo personalizado”, se selecionado, ativa o campo Nome do metacampo Data para digitar o metacampo personalizado para exibir a data;
  • “Data de criação do item de consulta” permite exibir objetos como usuários, comentários, termos e itens CCT pela data de criação. Se tais objetos contiverem o metacampo Data , use a opção “Data do campo personalizado”;
• Permitir alternância de eventos de vários dias, se habilitado, torna possível exibir eventos repetidos com a frequência necessária. Para exibir esses eventos recorrentes, use o campo Data Avançada de uma metacaixa;
• Usar a alternância de tipos de postagem personalizados mostra postagens de dois ou mais tipos de postagem diferentes.
• O menu suspenso Formato dos dias da semana permite selecionar a forma como os nomes dos dias da semana serão exibidos;
• Iniciar com alternância de mês personalizado , se ativado, mostra o menu suspenso para selecionar o mês e ano iniciais do calendário. Por padrão, o calendário abre com o ano e mês atuais, mas com essa alternância habilitada, você pode escolher um mês e ano diferente como ponto de partida;
• Mostrar postagens do mês próximo alterna, se habilitado, mostra os eventos que aconteceram ou vão acontecer no mês próximo;
• A opção Ocultar eventos passados , se habilitada, permite a exibição de todos os eventos que já terminaram.

Fonte: Kits de imprensa dos estúdios Disney

Vá para Conteúdo> bloco Visibilidade do widget. Aqui você pode escolher se o calendário ficará visível ou oculto quando a consulta estiver vazia. Selecione a opção apropriada no menu suspenso no campo Ocultar widget se . Caso queira mostrar o widget permanentemente, escolha a opção “Sempre mostrar”. Caso seja necessário ocultá-lo quando a consulta de postagens estiver vazia, é necessário selecionar a opção “Consulta vazia”.

Para estilizar a aparência do calendário, aplique as configurações das guias Estilo e Avançado . 
As configurações de estilo concentram-se em elementos individuais do calendário, como legenda , setas de navegação , dias da semana , dias e configurações móveis . Essas configurações incluem Cor, Tipografia, Preenchimento, Margem, Espaço e mais opções.

Fonte: Kits de imprensa dos estúdios Disney

As configurações avançadas concentram-se na aparência geral do widget. Eles permitem selecionar Layout , Efeitos de movimento , Transformar , Fundo , Borda e Máscara , tornando o calendário responsivo para diferentes dispositivos, adicionando atributos (para Elementor PRO) e selecionando CSS personalizado (para Elementor PRO). 

Fonte: Kits de imprensa dos estúdios Disney

Por fim, clique no botão “ Atualizar ” e visualize o calendário na página.

Fonte: Kits de imprensa dos estúdios Disney