Um acordeão é um elemento de layout baseado em alternância que oculta e revela conteúdo quando clicado. Você vê um título, clica nele e o restante do conteúdo desliza para baixo. Clique nele novamente e ele se esconde. É como um menu suspenso, mas para conteúdo em vez de menus.
Agora, o que acontece se você implementar os acordeões corretamente? Seu conteúdo se torna mais fácil de explorar, os usuários permanecem concentrados, a navegação móvel melhora e os mecanismos de pesquisa podem recompensá-lo com melhor visibilidade. Se você fizer tudo certo, eles funcionarão como um índice que responde às perguntas antes mesmo que os usuários as façam.
Este guia mostrará a você como implementar acordeões no WordPress usando ferramentas amigáveis ao editor que mantêm o processo simples e limpo, sem necessidade de codificação.
Adicionar acordeões no WordPress
Há mais de uma maneira de adicionar acordeões no WordPress, mas nem todas são fáceis de usar dentro do Block Editor. Nas próximas seções, começaremos com um método básico usando um bloco incorporado e, em seguida, passaremos para uma opção mais flexível com um plug-in.
Método 1: Usando o bloco de detalhes nativos
A maneira mais fácil de criar um acordeão no WordPress é usar o Bloco de detalhes. Vamos ver como isso funciona.
Etapa 1: Adicionar o bloco de detalhes
Abra seu post ou página no Block Editor. Clique no ícone de mais (+), procure por Details (Detalhes) e insira o bloco.
Etapa 2: Adicione o título e o conteúdo
Digite o título do seu acordeão no espaço reservado "Write summary" (Escrever resumo). Em seguida, clique no ícone de seta ao lado dele para expandir a seção. Uma vez expandida, uma área de conteúdo aparecerá abaixo, onde você poderá adicionar texto, imagens, listas ou quaisquer outros blocos.
Etapa 3: Adicionar botões adicionais
Para adicionar mais itens de acordeão, repita o mesmo processo inserindo novos blocos Details. Para um layout aninhado, expanda a área de conteúdo de um bloco Details existente, clique no ícone de mais (+) dentro dele e adicione outro bloco Details.
Esse método é perfeito para FAQs rápidas ou configurações mínimas. Lembre-se de que ele oferece apenas um estilo básico e não inclui opções avançadas de design.
Método 2: Usando o plug-in Ultimate Blocks
Se quiser mais opções de estilo e melhor controle sobre seu acordeão, o Blocos definitivos é uma ótima opção. Ele oferece um bloco Content Toggle que funciona perfeitamente no Block Editor.
Etapa 1: Adicione o plug-in ao seu site
No painel do WordPress, vá até o menu Plugins e clique em Add New (Adicionar novo). Na barra de pesquisa, digite Ultimate Blocks e clique em Install Now (Instalar agora) no cartão do plug-in. Após a conclusão da instalação, ative-o para que os novos blocos fiquem disponíveis no editor.
Etapa 2: Inserir o bloco de alternância de conteúdo
Abra a página ou o post em que você deseja colocar o acordeão. Clique no ícone de mais (+), procure Content Toggle e adicione-o. Esse bloco cria uma seção expansível com um título e uma área de conteúdo.
Etapa 3: Adicionar título e conteúdo
Digite o título do acordeão no campo de rótulo e, em seguida, adicione o conteúdo abaixo. Você pode incluir qualquer tipo de bloco dentro do toggle, como texto, imagens, botões, listas ou até mesmo outro bloco Content Toggle dentro da área de conteúdo para criar um acordeão aninhado.
Para adicionar mais seções de alternância, basta clicar no ícone (+) ao passar o mouse sobre os painéis existentes. Para remover um painel, faça o mesmo, exceto que, em vez de clicar no ícone (+), você escolhe o ícone (x) no canto superior direito.
Etapa 4: Personalizar o acordeão
No painel de configurações do bloco à direita, você pode controlar o título do painel, ajustar o estado de alternância, ativar o esquema de perguntas frequentes, adicionar uma opção de pesquisa integrada ao acordeão, escolher um ícone de status, alterar as cores do texto ou do plano de fundo e muito mais.
Se estiver usando-o para perguntas frequentes, você também poderá ativar a marcação do esquema de perguntas frequentes nas configurações para ajudar seu conteúdo a se qualificar para rich snippets na pesquisa do Google.
Conclusão
Se seu objetivo é facilitar a leitura de conteúdo longo, os acordeões oferecem uma solução limpa. Você aprendeu duas abordagens: o bloco Details nativo oferece uma configuração leve, sem plug-ins extras e com carregamento rápido. O bloco Content Toggle da Ultimate Blocks adiciona controles de estilo avançados, painéis aninhados e esquema de perguntas frequentes incorporado. Ambos os métodos aumentam o engajamento da usabilidade móvel e o potencial de SEO. Escolha a abordagem que melhor se adapta ao seu fluxo de trabalho e às suas necessidades de conteúdo.
