Quando o seu conteúdo é bem estruturado, os usuários tendem a permanecer no site por mais tempo. As guias aninhadas permitem que você mantenha as coisas organizadas, interativas e fáceis de usar, o que é perfeito para documentação, tabelas de preços e perguntas frequentes.
Eles funcionam permitindo que os usuários alternem entre diferentes seções sem sair da página para manter tudo acessível em um espaço compacto. Em vez de uma página desordenada, cheia de rolagem interminável, o que se obtém é um layout bem estruturado, em que várias camadas de informações permanecem ao alcance, fáceis de navegar.
Agora, você ficará feliz em saber que pode adicionar guias aninhadas no WordPress sem nenhuma complexidade. Tudo o que é preciso é a ferramenta certa e Blocos definitivos é exatamente isso. Nosso artigo ajuda você a encontrar a resposta sobre como adicionar guias aninhadas no WordPress da maneira mais simples possível.
Adicionar guias aninhadas no WordPress
Para usuários do Gutenberg, Blocos definitivos é a opção ideal para adicionar guias aninhadas com facilidade. No entanto, com 26 blocos diferentes criados para diferentes finalidades, o Ultimate Blocks não serve apenas para abas. É uma solução completa que lhe fornece as ferramentas certas para estruturar o conteúdo, melhorar a clareza e adicionar elementos interativos no Gutenberg.
Etapa 1: Prepare o plug-in
Primeiro, você precisa acessar o painel do WordPress. A partir daí, clique em 'Plugins' no menu à esquerda e, em seguida, selecione "Adicionar novo. Na barra de pesquisa, digite Ultimate Blocks, e o resultado deverá aparecer em segundos. Quando o plug-in aparecer no resultado, clique em Instalar agora. Aguarde um segundo para que ele funcione e, quando terminar, ative o plug-in e tudo estará pronto.
Etapa 2: Inserir o bloco de conteúdo com guias
Abra sua postagem ou página no editor do Gutenberg onde você deseja adicionar suas guias aninhadas. No editor, clique no ícone + procure o botão Conteúdo com guiase insira-o em seu conteúdo. Essa será a base do seu layout com guias.
Etapa 3: Crie suas guias e guias aninhadas
Uma vez que o Conteúdo com guias for adicionado, você terá uma única guia por padrão. Para criar várias guias na primeira camada, clique no ícone "+" e adicione quantas forem necessárias. Você pode renomear cada guia clicando diretamente no título e digitando o novo nome. Cada guia funciona como um contêiner no qual você pode inserir texto, imagens ou qualquer outro bloco de conteúdo.
Para criar abas aninhadasselecione uma guia da primeira camada e insira outra Conteúdo com guias dentro dele usando o inseridor de blocos. Esse novo bloco funcionará como um sistema de guias de segundo nível dentro da guia selecionada. Você pode repetir o mesmo processo para adicionar mais camadas aninhadas e estruturar seu conteúdo em vários níveis.
Etapa 4: Personalize até ficar perfeito
Depois de colocar o conteúdo em cada guia, talvez você queira fazer algumas alterações na aparência das guias. Na guia Configurações gerais você pode alterar a guia tipo de registro, adicionar âncoras de registroe, na versão Pro, incluem ícones, imagense textos secundários com o título.
Em Configurações de estilosvocê pode ajustar o cores para guias, títulos e conteúdo, altere o layout da guia para alternar entre horizontal e vertical guias e personalizar o borda e dimensões para combinar com seu design.
Etapa 5: Visualizar e publicar suas guias aninhadas
Antes de ativar suas guias aninhadas, clique no botão Prévia para verificar se tudo está funcionando conforme o esperado. Certifique-se de que todas as guias sejam alternadas sem problemas e que as guias aninhadas sejam exibidas corretamente. Se for necessário fazer algum ajuste, volte e ajuste as configurações. Quando tudo estiver funcionando bem, clique em Publicar ou Atualização para tornar suas alterações efetivas.
Aqui está uma rápida demonstração de guias aninhadas em ação.
Conclusão
As guias aninhadas tornam a navegação pelo conteúdo em camadas no WordPress mais intuitiva, e o Ultimate Blocks oferece uma maneira simples de implementá-las no editor Gutenberg. No entanto, como ele não é compatível com as verdadeiras guias aninhadas, você precisará inserir manualmente blocos de Tabbed Content uns dentro dos outros para obter o efeito. Se você estiver usando um editor diferente, existem alternativasMas nem todos os plug-ins de guia oferecem suporte ao aninhamento em vários níveis por padrão. Teste o método que revelamos neste artigo, veja se ele atende às suas necessidades e, caso contrário, explore outros plug-ins que possam funcionar melhor para você. Não se atrase e comece a trabalhar agora. Comece a organizar seu conteúdo e veja a diferença que isso faz.
