{"id":7219,"date":"2025-01-30T12:58:28","date_gmt":"2025-01-30T12:58:28","guid":{"rendered":"https:\/\/tableberg.com\/?p=7219"},"modified":"2025-01-30T12:59:51","modified_gmt":"2025-01-30T12:59:51","slug":"como-adicionar-guias-verticais-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-vertical-tabs-in-wordpress\/","title":{"rendered":"Como adicionar guias verticais no WordPress (etapas f\u00e1ceis)"},"content":{"rendered":"

Se voc\u00ea j\u00e1 visitou um site em que as informa\u00e7\u00f5es s\u00e3o jogadas em uma bagun\u00e7a ca\u00f3tica, com muito texto e nenhuma estrutura clara, sabe como a frustra\u00e7\u00e3o faz com que as pessoas saiam rapidamente.<\/p>\n\n\n\n

Agora, pense em seu pr\u00f3prio site. Se os visitantes tiverem dificuldade para encontrar o que precisam, \u00e9 mais prov\u00e1vel que saiam do site do que vasculhem seu conte\u00fado desordenado. <\/p>\n\n\n\n

Em vez de fazer com que os visitantes percorram a tela infinitamente ou pesquisem em uma parede de texto, voc\u00ea pode usar guias<\/a> que o ajudar\u00e3o a dividir o conte\u00fado em se\u00e7\u00f5es. Pense nelas como cap\u00edtulos de um livro: os usu\u00e1rios clicam para ir direto ao que interessa, enquanto sua p\u00e1gina permanece limpa e focada.<\/p>\n\n\n\n

Neste guia, voc\u00ea aprender\u00e1 a configurar guias verticais no WordPress em poucos minutos. No final, suas p\u00e1ginas ficar\u00e3o mais limpas, seus visitantes permanecer\u00e3o por mais tempo e voc\u00ea se perguntar\u00e1 como conseguiu passar sem elas. Vamos come\u00e7ar.<\/p>\n\n\n\n

\n\n\n\n

Adicionar guias verticais no WordPress<\/strong><\/h2>\n\n\n\n

O Blocos definitivos<\/a> fornece um plug-in 'Conte\u00fado com guias<\/strong>' que suporta layouts horizontais e verticais. Siga estas etapas para adicionar guias verticais ao seu site WordPress.<\/p>\n\n\n\n

\"Bloco<\/figure>\n\n\n\n
\n\n\n\n

Etapa 1: Instalar e ativar o Ultimate Blocks<\/strong><\/h3>\n\n\n\n

Para instalar o Ultimate Blocks, primeiro fa\u00e7a login no painel do WordPress. Em seguida, role at\u00e9 a se\u00e7\u00e3o Plugins e selecione \"Adicionar novo\"<\/strong>. Em seguida, procure por \"Blocos definitivos\"<\/strong> no diret\u00f3rio, clique em \"Instalar agora\"<\/strong>e, em seguida, ative-o. <\/p>\n\n\n\n

\"Instalar<\/figure>\n\n\n\n
\n\n\n\n

Etapa 2: Adicionar o bloco de conte\u00fado com guias<\/strong><\/h3>\n\n\n\n

Para inserir guias verticais, abra o post ou a p\u00e1gina desejada no editor do WordPress, acesse o inseridor de blocos usando o bot\u00e3o “+”<\/strong> procure por \"Tabbed Content\" (Conte\u00fado com guias)<\/strong>e coloque o bloco em sua \u00e1rea de conte\u00fado.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n
\n\n\n\n

Etapa 3: Ativar as guias verticais<\/strong><\/h3>\n\n\n\n

Clique no bloco Tabbed Content para abrir a se\u00e7\u00e3o Configura\u00e7\u00f5es de bloco<\/strong>. Agora, clique no \u00edcone Estilos<\/strong> e role para baixo at\u00e9 a guia Layout da guia<\/strong> se\u00e7\u00e3o. Encontre a se\u00e7\u00e3o Exibi\u00e7\u00e3o de layout<\/strong> na se\u00e7\u00e3o de layout e mude suas guias de Horizontal<\/strong> para Vertical<\/strong>.<\/p>\n\n\n\n

\"Ativar<\/figure>\n\n\n\n
\n\n\n\n

Etapa 4: Gerenciando e personalizando as guias<\/strong><\/h3>\n\n\n\n

Para adicionar mais guias, clique no bot\u00e3o (+)<\/strong> abaixo da guia existente. Voc\u00ea pode renomear as guias clicando no t\u00edtulo da guia e digitando um novo nome. Para organizar e remover as guias, basta passar o mouse sobre as guias e utilizar a op\u00e7\u00e3o mover \"\" e remover \"\" para realizar a tarefa necess\u00e1ria. Para adicionar conte\u00fado, clique na se\u00e7\u00e3o da guia correspondente e insira texto, imagens ou qualquer outro elemento compat\u00edvel com o bloco.<\/p>\n\n\n\n

\"Gerenciar<\/figure>\n\n\n\n

Agora, se voc\u00ea quiser personalizar as guias, precisar\u00e1 acessar a se\u00e7\u00e3o Geral<\/strong> e Estilos<\/strong> abas no painel de configura\u00e7\u00f5es do bloco. A partir da\u00ed, voc\u00ea poder\u00e1 alterar os tipos de guia, adicionar \u00e2ncoras de guia, ter \u00edcones, imagens e textos secund\u00e1rios com o t\u00edtulo (Pro), ajustar as cores das guias, dos t\u00edtulos e do conte\u00fado e personalizar as bordas e as dimens\u00f5es. <\/p>\n\n\n\n

\"Personalize<\/figure>\n\n\n\n

Use o Pr\u00e9via<\/strong> para verificar como as guias verticais aparecem na parte frontal. Quando voc\u00ea clicar no bot\u00e3o Publicar<\/strong> ou Atualiza\u00e7\u00e3o<\/strong> esta \u00e9 a visualiza\u00e7\u00e3o geral do conte\u00fado com guias que voc\u00ea deve encontrar.<\/p>\n\n\n\n

\"Previs\u00e3o<\/figure>\n\n\n\n
\n\n\n\n

Conclus\u00e3o<\/strong><\/h3>\n\n\n\n

Uma p\u00e1gina desordenada pode fazer com que os visitantes saiam antes mesmo de encontrar o que est\u00e3o procurando. As guias verticais ajudam a criar um layout mais estruturado, mantendo o conte\u00fado relacionado agrupado em se\u00e7\u00f5es separadas.<\/p>\n\n\n\n

Com ferramentas como o plug-in Ultimate Blocks, voc\u00ea n\u00e3o precisa de conhecimentos de codifica\u00e7\u00e3o nem de horas de configura\u00e7\u00e3o para conseguir isso. Em apenas alguns minutos, voc\u00ea pode transformar paredes de texto esmagadoras em um layout simples que se adapta perfeitamente a desktops, celulares e outros dispositivos.<\/p>\n\n\n\n

Agora que voc\u00ea sabe como adicionar, gerenciar e personalizar as guias verticais, experimente-as em seu site. Seja para Perguntas frequentes<\/a>Se o seu site tiver um layout que se adapte ao seu p\u00fablico-alvo, compara\u00e7\u00f5es de produtos ou guias, eles tornar\u00e3o o conte\u00fado mais acess\u00edvel e melhorar\u00e3o a experi\u00eancia geral. O melhor layout \u00e9 aquele que funciona para o seu p\u00fablico, portanto, experimente diferentes configura\u00e7\u00f5es e descubra o que atende \u00e0s suas necessidades. Comece a trabalhar com eles agora mesmo e transforme o caos em ordem. <\/p>\n\n\n\n

Leia tamb\u00e9m: <\/strong><\/p>\n\n\n