Neste vídeo, você vai aprender como construir um Listing Grid com quebra alfabética. Essa funcionalidade é muito útil para categorizar e organizar informações em ordem alfabética em seu site. Se você utiliza WordPress, Elementor e Jet Engine, a boa notícia é que é possível fazer isso com apenas um clique. Vou te mostrar como nesse vídeo!
Passo 1: Acesso ao Site da Crocoblock
O primeiro passo é acessar o site da Crocoblock através desse link. Lá você encontrará uma série de plugins que podem ajudar no seu dia a dia como desenvolvedor.
Passo 2: Download e Instalação do Plugin
Ao acessar a página da Crocoblock, procure por “Dev Tools” no rodapé do site. Clique nesse botão para acessar a central de plugins. Nessa central, você encontrará o plugin “Break listing alphabetically“. Faça o download e instale-o em seu site.
Passo 3: Criando um Post Type
Para utilizar o Listing Grid com quebra alfabética, você precisa ter um Post Type. Caso você ainda não saiba como criar um, recomendo assistir ao vídeo indicado na descrição para aprender a criar seu próprio Post Type.
Passo 4: Criando um Listing Grid com Quebra Alfabética
Após criar o Post Type, é necessário criar um Listing. No vídeo, o autor utiliza um Listing de clientes como exemplo. Se você não sabe como criar um Listing, também é indicado assistir ao vídeo indicado para aprender a criar um Listing.
Passo 5: Criando uma Query
Para que a quebra alfabética funcione corretamente, é preciso criar uma query utilizando o Query Builder. Sem essa etapa, o Listing não será exibido corretamente.
Passo 6: Adicionando a Lista de Clientes em Ordem Alfabética
Agora que tudo está configurado, você pode adicionar a lista de clientes em ordem alfabética em uma página do seu site. Utilize o Listing Grid e selecione a opção “Lista de Clientes Alfabética” na opção Custom Query. Assim, todos os seus clientes serão exibidos em ordem alfabética.
Personalizando a Quebra Alfabética
Se você deseja personalizar a forma como a quebra alfabética é exibida, é possível fazer isso através do código HTML da Query. Você pode alterar o tamanho da letra, substituir o campo utilizado para a ordenação, entre outras opções. No entanto, é importante ressaltar que a Crocoblock não disponibiliza a opção de utilizar campos personalizados para a ordenação alfabética, o que limita um pouco a funcionalidade.
O Listing Grid com quebra alfabética é uma ferramenta essencial para quem precisa organizar e categorizar informações em ordem alfabética em um site WordPress. Com o plugin “Break Listing Alphabetic” da Crocoblock, é possível criar essa funcionalidade com facilidade. Experimente utilizar essa ferramenta em seu site e aproveite todos os benefícios que ela oferece!
Made with VideoToBlog
