Se você tiver que publicar muitas informações de vários tipos em posts de blog ou páginas de forma concisa, as guias podem ser um elemento útil da Web para fazer isso. Elas permitem organizar o conteúdo em seções separadas para que os usuários possam explorar e encontrar seletivamente as informações de que precisam.
Com o editor de blocos Gutenberg, você pode adicionar facilmente guias às postagens do seu blog. Neste artigo, mostraremos a você como criar guias no WordPress para organizar o conteúdo. Antes disso, responderemos a algumas perguntas básicas.
As guias funcionam como uma ferramenta de navegação, permitindo a exibição de muitas informações em várias seções. Como resultado, os usuários não precisam depender de rolagem excessiva para explorar as vastas informações do seu post ou página.
Elas fornecem um formato estruturado para que os usuários possam encontrar as informações específicas que procuram clicando nelas. Normalmente, as pessoas usam o elemento de guia para exibir suas páginas da Web nas seções de herói e cabeçalho.
Mas hoje, com a ajuda de alguns plug-ins do Gutenberg, você pode criar conteúdo com guias em qualquer lugar de qualquer post ou página.
O conteúdo com guias funciona excepcionalmente quando você tem uma grande quantidade de informações que precisam ser exibidas em um formato tabular. Esse elemento é particularmente eficaz na organização dos seguintes tipos de informações.
Descrições do produto: Você pode usar esse bloco para cobrir as especificações do produto, os recursos e as avaliações dos clientes em guias separadas.
Ofertas de serviços: Se você tiver vários planos ou pacotes de serviços, é melhor apresentá-los em seções separadas.
Planos de preços: Já é uma prática comum exibir vários planos de preços em diferentes guias nos sites.
Perguntas frequentes: Embora a maioria das pessoas goste de usar os blocos de FAQ e de alternância de conteúdo para a seção FAQ, você também pode usar o bloco de guias para cobrir essa seção.
Informações comparativas: Se houver alguma informação que seria melhor apresentada em uma seção lado a lado, o bloco de guias é útil nesse caso.
Como criar guias no WordPress
A biblioteca de blocos padrão do Gutenberg não tem o bloco de guias. Você deve usar um plug-in como o Blocos definitivos para tê-lo na biblioteca de blocos. O plug-in tem mais de 25 plug-ins adicionais com os quais você pode levar seu web design e marketing de conteúdo para o próximo nível.
Etapa 01: Instale e ative o plug-in Ultimate Blocks
Ir para Plug-ins > Adicionar novo plug-in. Tipo Blocos definitivos na barra de pesquisa no canto superior direito. Instalar e ativar o plug-in depois que ele aparecer abaixo.

Etapa 02: Inserir o bloco de conteúdo com guias
Abra um post ou uma página. Encontre a seção Conteúdo com guias pressionando botão de adição (+). Quando você encontrar o bloco, adicione-o ao editor do Gutenberg.

Etapa 03: Adicionar novas guias e renomeá-las
Ao clicar no botão ícone de mais (+)Se você quiser, poderá adicionar quantas guias quiser ao bloco.

Pegue o cursor e clique na guia, uma a uma. Você terá permissão para renomeá-las. Portanto, renomeie as guias com base no conteúdo que você exibirá.

Etapa 04: Adicionar conteúdo às guias
Selecione uma guia na qual deseja adicionar conteúdo. Em seguida, posicione o cursor em seu editor. Você verá o ícone botão de adição (+) do editor do Gutenberg. Clique e escolha o bloco de conteúdo de que você precisa.

Para o tutorial, adicionamos os blocos de texto e imagem à guia. Da mesma forma, você também pode adicionar outros blocos à guia. Faça o mesmo em outras guias.

Etapa 05: Personalizar as guias
Vá até a barra lateral direita e mantenha o bloco Tabbed Content selecionado. Você encontrará várias opções para configurar, como Tab Types, Tab Anchor e Responsiveness.
Depois de atualizar para a versão premium, você poderá adicionar ícones aos títulos das guias, textos secundários e botões de chamada para ação às guias.

Em seguida, vá até o Guia Estilos. Você terá opções para colorir o conteúdo da guia, alterar o layout da guia e definir uma nova dimensão. Espero que você possa explorar e fazer isso por conta própria.

Conclusão
O bloco Tabbed Content que vem com o plug-in Ultimate Blocks é automaticamente responsivo em todos os dispositivos. Como resultado, você não precisa gastar muito tempo para torná-lo responsivo ao dispositivo.
Mas o que você precisa fazer é colocar o bloco em um local adequado que torne toda a sua postagem/página perfeita. Explore nossa outra postagem - como criar um botão de chamada para ação no WordPress.