Como adicionar acordeão em Gutenberg

Ao digitalizar uma página do WordPress, percorrer uma longa lista de detalhes é chato! É aí que os acordeões ajudam, é uma forma fantástica de organizar e exibir informações no seu site WordPress. 

Esta postagem do blog irá guiá-lo através de um processo simples de adicionar acordeões às suas postagens e páginas do WordPress usando o editor Gutenberg. No final, você será um profissional na criação de apresentações de conteúdo claras e concisas!

Vamos começar!

Objetivo de adicionar acordeões a páginas da web

A flexibilidade que obtemos com pastas expansíveis de mesas, acordeões em sites agem exatamente de forma semelhante a essas pastas. Você pode criar seções recolhíveis, perfeitas para perguntas frequentes, detalhes adicionais ou qualquer coisa relacionada. Eles ajudam a organizar a página ocultando informações extras até clicar em qualquer título específico. 

Assim, com acordeões, você terá páginas WordPress limpas para digitalizar facilmente à primeira vista. É como ter um menu secreto de dados que você pode explorar sempre que quiser!

Útil 👉 Como construir um site de uma página com Gutenberg

Como adicionar acordeão em Gutenberg

A solução descomplicada para adicionar acordeão no WordPress é usar um bom plugin. Podemos nomear tal plugin confiável – GutenKit.

GutenKit foi projetado para aprimorar a funcionalidade do editor de blocos Gutenberg no WordPress. Essencialmente, ele adiciona recursos normalmente encontrados em construtores de páginas de arrastar e soltar, tudo dentro da interface familiar do Gutenberg.

Os recursos atraentes do GutenKit são –

• Coleção de mais de 50 blocos
• Mais de 500 modelos e padrões pré-construídos
• Construtor de mega menu
• Efeito paralaxe
• Edição completa do site
• Recipiente flexível
• Uma rolagem de página e muito mais

Bloco de acordeão por GutenKit

GutenKit oferece um Bloco de acordeão avançado. O bloco está disponível no Opção FREEMIUM. É bem caracterizado e fácil de entender.

No entanto, o plugin também oferece uma Acordeão de imagem bloquear. Se você precisa desenhar uma sanfona de imagem economizando espaço e garantindo mais engajamento, você pode escolher este bloco.

Etapas para adicionar o bloco acordeão WordPress Gutenberg:

Agora, vamos ver como adicionar facilmente o acordeão em Gutenberg 👇

PASSO 1: Instalando o GutenKit

Baixe o plug-in em organização. 👇

Ou pesquise no painel do WordPress. Se você quiser aproveitar os recursos premium, obtenha Guten Kit Pro.

Depois de instalar o plugin você deve ativar os plugins. 👇

PASSO 2: Pesquisar bloco de acordeão

Abra a página/postagem onde deseja adicionar o acordeão. Em seguida, procure o bloco Advanced Accordion do GutenKit. Você pode arrastar ou clicar no bloco, ele será adicionado ao seu editor. 

ETAPA 3: Personalize o bloco de acordeão

Existem muitos recursos que você terá para projetar os acordeões necessários.

No Parte de conteúdo, você pode escolher o estilo de aparência do acordeão nas opções, selecionar o ícone, a posição do ícone, o loop, etc.

O Parte de estilo permite estilizar o acordeão escolhendo diferentes cores, tamanhos, tipografia, ajustando preenchimento, bordas e muitas outras coisas.

Este é um exemplo do nosso acordeão customizado em WordPress com GutenKit 😎  

Dicas adicionais para adicionar acordeão ao seu site WordPress

Aqui estão algumas dicas adicionais que você pode precisar para adicionar acordeões ao seu site WordPress –

✓ Foco na clareza: Mantenha os títulos e o conteúdo do acordeão concisos e informativos. Além disso, escolha cores, fontes, ícones, etc. com cuidado. Os usuários devem compreender instantaneamente quais informações cada seção contém.

✓ Combine o estilo do seu site: Escolha um plugin ou bloco de acordeão que complemente a estética geral do design do seu site.

✓ Teste diferentes opções: Pesquise diferentes opções de acordeão. Ao brincar com vários layouts e animações de acordeão, você pode encontrar o melhor estilo para o conteúdo.

✓ Considere os usuários móveis: Garanta que seu acordeão funcione perfeitamente em todos os dispositivos, especialmente em celulares com telas menores.

Por que você deve usar o GutenKit?

Vamos saber por que o GutenKit é a solução definitiva para Gutenberg e também para você –

🔥 GutenKit é atualizado regularmente para permanecer compatível com as versões e recursos mais recentes do Gutenberg.

🔥 Além do bloco acordeão WordPress, oferece toneladas de blocos e opções de personalização aos seus usuários.

🔥 GutenKit funciona bem com outros blocos e plug-ins de Gutenberg que você possa estar usando.

🔥 O plugin é leve e de carregamento rápido.

🔥 Oferece todo tipo de orientações aos usuários, como documentação, vídeos do YouTube, blogs, e também oferece suporte ao cliente rápido.

💡 Você também pode gostar disso 👉 Blocos Kadence vs Spectra vs GutenKit

Conclusão

Isto é tudo sobre como adicionar acordeão em Gutenberg. ✌️
Plugins como o GutenKit tornam todo o processo de adição de acordeões ao seu site WordPress absolutamente fácil e divertido. Espero que agora você possa usar acordeões como uma forma versátil de apresentar informações de maneira clara e padronizada.

Então não perca tempo, aprimore a experiência do usuário do seu site com o melhor plugin de acordeão GutenKit.