Neste tutorial, vou te mostrar como criar uma lista de aniversariantes do mês utilizando o plugin Jet Engine. Se você gosta de exibir os aniversariantes do mês corrente e tem tido dificuldades para fazer isso, eu tenho uma solução para você. Desenvolvi um plugin que permite instalar e fazer os ajustes necessários para exibir uma lista de aniversariantes. Nesta videoaula, vou te mostrar como utilizar o plugin passo a passo para que você consiga ter o mesmo resultado na sua tela.
Requisitos
Antes de começar, é importante ressaltar que este tutorial é dedicado a quem utiliza o Jet Engine e o Jet Smart Filters. Caso você não esteja utilizando essas ferramentas, infelizmente não conseguirá obter o mesmo resultado. Além disso, o plugin que desenvolvi resolverá um problema específico relacionado ao uso de timestamps negativos no Jet Engine. Portanto, se você utiliza o Jet Engine com timestamps negativos anteriores a 1970, esse plugin será de grande ajuda.
Passo a passo
Vamos começar! Primeiramente, é necessário obter o plugin que desenvolvi. Ele se chama “Aniversariantes do Mês” e já está instalado no meu site. Neste plugin, você encontrará um texto explicativo e dois shortcodes que poderá utilizar. Vou te explicar onde cada um desses shortcodes deve ser utilizado.
Antes de prosseguir, é importante que você tenha um Custom Post Type (CPT) com um campo de data, como o exemplo que vou mostrar aqui. No meu caso, tenho um CPT chamado “Clientes” com um metafield chamado “data_nascimento”. Certifique-se de que o campo de data esteja configurado como “time stamp” para que seja possível utilizar o Jet Smart Filters para filtrar por data de nascimento. Se você fez todas essas configurações corretamente, podemos prosseguir.
Agora, vamos criar um listing. Utilizei um pequeno card como exemplo, no qual exibo o nome do cliente e a data de nascimento no formato que eu desejei. Para formatar a data, utilizei um código específico que formata a data para o formato “dd de mês de yyyy”. Essa é apenas uma sugestão de design, você pode customizar o seu listing da forma que preferir.
Além disso, adicionei um campo do tipo “lista de ícones” para mostrar a idade dos clientes. Para isso, utilizei um shortcode que utilizei anteriormente, que busca o metafield “data_nascimento” e calcula a idade automaticamente. É importante lembrar que é possível alterar o nome do metafield para se adequar ao seu CPT.
Agora que já configuramos o listing, é hora de criar uma Query utilizando o Jet Engine Query Builder. Nesta Query, iremos listar os aniversariantes do mês corrente. É importante selecionar o tipo do post, que no meu caso é “clientes”. Além disso, é necessário definir o status como “publicado” para que apenas os clientes publicados sejam listados.
Para ordenar a lista de aniversariantes, é necessário selecionar a opção “Preserve post ID order given in the post”. Assim, a lista será ordenada de acordo com a ordem dos IDs dos posts.
Agora, vamos configurar a Query para listar apenas os aniversariantes do mês corrente. Para fazer isso, utilizaremos um shortcode específico que já está presente no plugin que desenvolvi. Basta substituir o Slug do CPT e o nome do metafield pelo nome do seu CPT e do seu metafield, respectivamente.
Com a Query configurada, vamos editar a página onde desejamos exibir a lista de aniversariantes. No meu caso, estou utilizando o Elementor para criar a página. Basta adicionar um listing grid e configurá-lo para apontar para a Query que acabamos de criar. É possível definir o número de resultados a serem exibidos e personalizar o design do grid de acordo com as suas preferências.
Conclusão
E assim concluímos nosso tutorial! Agora você já sabe como utilizar o plugin que desenvolvi para exibir uma lista de aniversariantes do mês utilizando o Jet Engine. Lembre-se de personalizar o design de acordo com suas preferências e aproveite essa nova funcionalidade em seu site.
Espero que esse tutorial tenha sido útil para você. Se tiver alguma dúvida ou sugestão, não hesite em entrar em contato. O plugin estará disponível para download na descrição do vídeo. Não se esqueça de deixar um like no vídeo e se inscrever no canal para acompanhar mais dicas e tutoriais sobre Jet Engine, WordPress e programação. Até a próxima!
Made with VideoToBlog
