Minimize a desorganização do site e melhore o envolvimento com guias para WordPress

Tudo o que você pode fazer para otimizar seu site é uma coisa boa. Afinal, quanto menos visitantes do site de trabalho tiverem para obter as informações que desejam, melhor. No entanto, isso pode ser um desafio se o seu site, por sua própria natureza, incluir muitas informações. O resultado final desses sites geralmente envolve aqueles com páginas muito longas que quase ninguém rolará até o fim e aqueles com uma tonelada de páginas que, da mesma forma, quase ninguém clicará.


Então, qual é a alternativa para uma página super longa ou para muitas páginas? Porque, abas, é claro! E não se preocupe – você não precisa ser um gênio da codificação para obter guias no seu site. Existem muitos plugins por aí que habilitam essa função. Reuni algumas das melhores opções para ajudar você a adicionar conteúdo com guias ao seu site WordPress de maneira rápida e fácil.

Guias de postagem da interface do usuário

Guias de postagem da interface do usuário

Postar guias da interface do usuário facilita a adição de guias do jQuery ao seu conteúdo, sejam postagens, páginas ou outros tipos de postagem. Tudo o que você precisa fazer é inserir códigos de acesso no editor e ativar as guias.

O plug-in inclui 24 temas de interface do usuário diferentes para facilitar a correspondência com o tema existente. Ou, se você tiver as costeletas, crie uma folha de estilo personalizada para aprimorar a aparência e a sensação.

Após a instalação do plug-in, basta clicar no botão TinyMCE relevante no editor de postagem para inserir o código de acesso apropriado. De acordo com a lista oficial de diretórios do WordPress para as guias Post UI, você também pode inserir guias usando os seguintes códigos de acesso diretamente:

[nome da guia = ”Nome da sua guia 1 ″] Conteúdo da sua guia [/ tab]
[nome da guia = ”Nome da sua guia 2 ″] Conteúdo da sua guia [/ tab]
[nome da guia = ”Nome da sua guia 3 ″] Conteúdo da sua guia [/ tab]
[end_tabset]

Sinta-se à vontade para inserir HTML nessas guias. Ele deve ser tratado sem problemas e você verá o conteúdo exibido da mesma maneira que em qualquer outro lugar do site, como você deve ter adivinhado, está contido em uma guia.

Guias fáceis de responder

Guias fáceis de responder

Outro plug-in que você definitivamente deve conferir se deseja adicionar guias ao seu site é Guias fáceis de responder. Não só é compatível com o bootstrap 3.0, mas também adiciona botões TinyMCE ao editor visual, tornando super simples inserir guias responsivas com o clique de um botão.

Depois que você clica nesse botão, um painel de configurações é aberto, permitindo selecionar a cor para vários aspectos diferentes das guias, incluindo títulos, guias ativas, pairar, plano de fundo e muito mais. Você também pode definir guias para aparecer na parte superior ou inferior. Este plug-in é um verdadeiro favorito por causa de quão fácil é configurar e começar a trabalhar imediatamente.

Tabby Tabs responsivas

Tabby Tabs responsivas

Se a capacidade de resposta é uma das suas principais preocupações, Tabby Tabs responsivas é uma boa opção para você. Simplesmente, esse plug-in permite inserir guias responsivas em postagens e páginas usando códigos de acesso. Ele suporta mais de um conjunto de guias em uma página ou publicação simples e usa o jQuery para criar o efeito de guias e acordeão em telas menores. Você também pode acessar as guias com o teclado.

Para inserir guias, tudo o que você precisa fazer é inserir dois códigos de acesso: [tabby] e [tabbyending]. Especificamente, você usaria [tabby title = “tabname”] para definir o nome da guia. Depois, escreva o conteúdo que deve ser incluído nesta guia, incluindo o HTML que desejar. Você pode inserir mais guias, se desejar. Em seguida, para finalizar esse conjunto de guias, use o código curto [tabbyending] para fechar o grupo de guias.

Agora, se você quiser fazer alterações de estilo nessas guias, precisará digitar um pouco mais o código. De acordo com a página de diretório WordPress do plug-in, você precisaria copiar a folha de estilo do plug-in em um tema filho e fazer modificações no estilo da guia ou no estilo acordeão, conforme achar melhor.

Widgets em Guias

Às vezes, suas necessidades em guias individuais são um pouco mais complexas. Para esses casos, há o Widgets em Guias plugar. Ele permite que você coloque os widgets desejados, tudo dentro de guias para economizar espaço e criar uma experiência mais organizada em seu site. Tem uma infinidade de usos.

Por exemplo, você pode optar por usar guias para exibir os widgets Postagens Recentes e Comentários Recentes. Você pode adicionar categorias para arredondar ainda mais a exibição da guia. Ou você pode criar um grupo de guias dedicadas a widgets de mídia social incorporados, como uma caixa de curtidas do Facebook, feed do Twitter, Google+, quadro de anúncios do Pinterest etc..

Uma coisa que eu realmente gosto nos Widgets nas guias é que ele não inclui seus próprios estilos, o que permite que ele seja estilizado pelo seu tema. As guias se combinam perfeitamente com o seu site e parecem que pertencem.

Os títulos das guias também podem ser rolados, o que é uma boa alternativa à abordagem tradicional empilhada. Também existem opções de animação para as transições entre widgets, e você pode definir quantos segundos serão esperados entre a mudança de uma guia para a próxima.

Como em todos os outros plugins de guias listados aqui, é facilmente inserível graças ao código curto [sagacidade].

WP UI – Guias, Acordeões, Sliders

UI do WP

O último plugin sobre o qual falarei aqui é a interface do usuário do WP: guias, acordeões, controles deslizantes. Esse plug-in não apenas simplifica a incorporação de guias em postagens e páginas, mas também permite a integração simples de outros estilos de formatação, como acordeões, sliders e caixas de diálogo. O plug-in é desenvolvido com o jQuery e você pode usar mais de um tema da interface do usuário do jQuery em cada página, se desejar.

Ele vem com uma página de opções fácil de usar que torna a instalação e o uso simples. Ele também adiciona menus e caixas de diálogo dedicados para uma navegação mais simples. Como todos os plugins acima, este depende principalmente de códigos de acesso para implementação rápida. O shortcode [wp tabs] pode ser facilmente aprimorado com o argumento style, que pode ser modificado em cerca de 24 maneiras diferentes, como “wpui-blue”, para dar às guias uma aparência mais coesa com o seu tema.

O real destaque deste plugin para mim, no entanto, é a capacidade de exibir postagens e feeds em guias ou acordeões. O código curto é [wptabposts] e permite exibir postagens em uma série de guias. Ou, se você deseja exibir um feed em uma página ou postagem, use o código de acesso [wpuifeeds]. De acordo com a lista de diretórios do WordPress para WP UI, você pode usar [wpspoiler post = “3028”] para exibir apenas uma postagem neste formato especializado.

Códigos de acesso simples

Tabelas mínimas de códigos de acesso simples

Obviamente, se você só precisa de guias básicas, considere o plug-in do WordPress de códigos de acesso simples, feito à mão aqui no WPExplorer. O plug-in inclui algumas guias mínimas adoráveis ​​que você pode usar em qualquer página do site, além de muitos outros ótimos recursos de organização de conteúdo. Adicione colunas, alterna, acordeões e muitos outros sotaques (botões, ícones sociais, etc.).


Embora possa parecer complicado a princípio, o processo de adicionar guias ao seu site é realmente bastante simples. Os plug-ins acima tornam fácil e o resultado final é atraente e funcional. Vale a pena conferir, na minha opinião. Os visitantes do seu site obtêm acesso ao máximo de informações que você precisa, sem sobrecarregar o design geral. É uma solução rápida para sites com muitos recursos e conteúdo.

Você usa guias no seu site? E algum desses plugins, especificamente? Se sim, eles trabalharam para você? Você encontrou outra maneira de incorporar guias ao seu site? Eu adoraria ouvir sua experiência com esse truque organizacional bacana nos comentários!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map