Como criar conteúdo com guias no WordPress

Embora indispensáveis ​​para a transferência de informações, grandes blocos de texto tendem a parecer assustadores e / ou enfadonhos; não é uma boa experiência do usuário, em qualquer caso. Os leitores preferem frases curtas e blocos menores de texto. Mas e se houvesse uma maneira de fazer seu texto parecer menor, mesmo que apenas dividido em unidades mais “digeríveis”, sem sacrificar nenhum dos detalhes importantes?

Cílios economizar espaço e faça seu texto melhor organizado e mais gerenciável, o que os torna especialmente úteis para instruções do usuário e textos semelhantes. Também é uma ótima maneira de fazer um texto muito longo parecer mais curto e mais fácil de ler. Se você acha que seu site WordPress poderia usar conteúdo com guias, você está no lugar certo.

O WordPress não oferece essa funcionalidade por padrão, infelizmente. No entanto, já existem muitos temas com a funcionalidade de guia e estes são sempre a nossa primeira escolha. Se você não tem orçamento para um tema com funcionalidade de guia incorporada, se você já construiu um site com um tema que não deseja alterar ou prefere trabalhar do zero, há uma maneira fácil de classificar e organizar seu conteúdo em guias usando o Elementor editor de páginas ou usando um plugin. Vamos mostrar a vocês dois.

Mas antes de tudo, gostaríamos de discutir as guias e por que são úteis para você e atraentes para seus usuários. Se você já decidiu que deseja usar guias para exibir seu conteúdo, pode pular para seus métodos de criação de guias preferidos.

Por que as guias são úteis?

Em primeiro lugar, as guias permitem que você organize seu conteúdo em conjuntos lógicos. Seus visitantes não precisam navegar para páginas diferentes para manter o acesso ao seu conteúdo e podem encontrar facilmente a parte de que precisam clicando no cabeçalho da guia. Pense nisso como ter várias guias abertas em seu navegador, exceto que todas as guias estão relacionadas entre si e todas têm a ver com o que você veio procurar em primeiro lugar – a maior parte do conteúdo é facilmente legível instantaneamente. Isso, é claro, só se aplica a informações que não precisam ser comparadas ou acessadas simultaneamente.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

Segundo, o ordem das guias é independente. Pense nos títulos das suas guias como títulos de capítulos. Eles devem corresponder a uma ordem lógica de etapas (em um texto de instrução, por exemplo), ou níveis de complexidade ou dificuldade, permitindo que seus usuários saibam rapidamente quais partes de seu conteúdo são imediatamente relevantes para seus interesses.

E terceiro guias significam interatividade. Eles contribuem para o engajamento do usuário, resultando em uma melhor experiência geral, pois o usuário obtém melhor controle do conteúdo que deseja visualizar. Além disso, para usuários com períodos de atenção mais curtos, maior interatividade significa mais facilidade de movimentação. Claro, isso significa que depende de você criar um sistema de guias lógico e intuitivo em primeiro lugar. Caso contrário, os usuários ficarão facilmente frustrados e desistirão.

Agora, se você acha que seu conteúdo pode se beneficiar da organização em guias, vamos ao que interessa.

Como criar guias no Elementor

Se você estiver usando Elementor, adicionar guias é tão fácil quanto parece. Para adicionar guias a uma postagem, basta pesquisar o Cílios widget no menu do lado esquerdo e arraste-o para onde quiser.

Separadores de elemento ou pesquisa

Você pode então editar o conteúdo da guia alterando a guia Descrição do título, copie as guias com o cópia de ícone, adicione novas guias clicando no + ADICIONAR ARTIGO botão e alternar guia Tipo entre horizontal e vertical. Você pode usar o Estilo ab para alterar a fonte e a cor do título e do texto, mas não tocaremos nessas opções, nem no Avançado opções para esta demonstração.

Separadores de edição ou elemento

O mesmo funciona com uma página ou qualquer espaço pronto para widget.

Se você quiser opções mais avançadas, como guias aninhadas e mais opções de estilo, pode tentar o Plugins essenciais para Elementor plugue. Seus Abas avançadas O widget oferece muito mais opções de estilo do que o widget da guia padrão que demonstramos aqui.

Como criar guias usando um plugin

O plugin que usaremos é Guias WP. Depois de instalar e ativar o plug-in, encontre-o em sua lista de Plugins instalados e clique para Adicionar grupo de guias.

Plugins instalados

No topo de Adicionar novo grupo de guias você encontrará o campo do nome do grupo (nós nomeamos nosso grupo Lorem ipsum) Você também vai querer tomar nota do Para postar botão. Você precisará publicar seu grupo de guias para usá-lo. Finalmente, você encontrará o Adicionar nova guia botão.

Adicionar nova guia

Vamos usar o Adicionar nova guia para gerar três guias e preencher nosso grupo de guias com texto e mídia de espaço reservado, neste caso uma imagem. Editar uma guia funciona exatamente como editar uma postagem.

Guias WP

Rolando para baixo, vemos o Configurações da guia língua. Deixamos todas as configurações em seus valores padrão, mas aqui você pode alterar o Desenho de cílios Entre Horizontal Y Vertical (disponível apenas com a versão Pro do plugin), Alinhamento dos cílios Entre Esquerda Y Direito, mudar o Evento de gatilho (quando as guias abrem ou fecham) no meio Clicando Y Passe o rato por cima (passando o mouse) e alternar Preloader (esta opção, quando esquerda NO, oculta as guias até que toda a página seja carregada). Finalmente, na parte inferior, você encontrará o Código curto para este grupo de guias você precisa copiar.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress
WP Tabs shortcode

Quando estiver satisfeito com suas configurações, você precisa rolar para cima e Para postar seu grupo de guias. Depois de copiar o código de acesso, você pode colá-lo onde quiser.

Se você estiver usando o Gutenberg editor de blocos e deseja exibir suas guias como parte de uma postagem, você precisa clicar no sinal +, criar um Código curto bloqueie e cole seu shortcode em seu campo.

Se você estiver trabalhando com o WPBakery Page Builder, o procedimento é mais ou menos o mesmo: você precisa usar o Código curto item e forneça o código de acesso para seu grupo de guias. Para o Clássico editor, apenas cole o shortcode onde quiser enquanto se certifica de que está usando o Texto editor. Claro, se você preferir grupos de guias gerados por plug-in Elementorwidget de guia, você pode usar o Elementor Código curto widget em vez disso.

Abas de shortcode

Em ambos os casos, suas guias, conforme configuradas, aparecerão na postagem, e o procedimento é o mesmo para todas as outras áreas prontas para widgets.

Visualização da guia

Conclusão

Como você viu, classificar e organizar seu conteúdo em guias é fácil, não demora muito e não precisa custar dinheiro. Nossa primeira sugestão é sempre usar um tema que já tenha a funcionalidade de abas, pois certamente foi testado e comprovado que funciona com o tema, mas você pode conseguir um efeito semelhante com o Elementor ou um plugin. Se você acha que seu conteúdo pode se beneficiar deles, não há desculpa para não experimentá-los.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: