Como criar um widget de navegação para a barra lateral no WordPress

Muitas vezes, os estilos de navegação em um site podem fazer a diferença quando se trata de os usuários permanecerem e navegarem ou saírem para outro lugar. Existem vários tipos de widgets de navegação que você pode usar para ajudar a criar um layout sólido em seu site.

Às vezes, um menu suspenso para navegação funciona melhor porque permite aos usuários ver tudo em um só lugar e fazer uma escolha simples no menu. Outras vezes, um menu da barra lateral do WordPress é apropriado porque se o usuário estiver em um dispositivo móvel, o menu da barra lateral pode funcionar como uma forma de navegar com mais facilidade.

O que é um menu suspenso?

Ao falar sobre isso em termos de informática, um menu suspenso é um menu que oferece ao usuário uma lista de opções quando clicado. O título do menu (seja qual for o nome que você deu) permanece em exibição independentemente de quando ou onde o menu é clicado.

Quando um usuário faz outra seleção no menu suspenso, o item visível atual permanece mesmo quando uma nova página é clicada.

Ler:  Como se tornar um desenvolvedor WordPress autônomo

Os menus suspensos são muito populares em certos tipos de sites. Eles também são uma forma popular de exibir uma lista de respostas para uma pergunta em um formulário online.

Hoje vou mostrar como criar facilmente um menu suspenso de navegação e exibi-lo na barra lateral do seu site WordPress.

Para fazer isso com mais facilidade, usaremos um plugin simples e fácil de manusear. Vamos dar uma olhada no plugin em questão e ver tudo o que ele tem a oferecer.

Menu de navegação como um widget suspenso é um plug-in leve e fácil de usar que permitirá que você adicione de forma rápida e eficiente um menu suspenso da barra lateral do WordPress que facilita a navegação dos usuários em seu site, especialmente quando estão em um dispositivo móvel.

O plugin é o mais simples possível, na verdade. Não há página de configuração ou configurações para atualizar. Basta instalar e ativar o plug-in, ir para a página de widgets e colocar a ferramenta onde deseja que o widget de navegação dobrável do WordPress seja exibido.

É isso! Você pode repetir esse processo indefinidamente e criar quantos menus diferentes da barra lateral do WordPress desejar.

Vamos instalar e executar o plugin juntos e veremos rapidamente como adicionar o widget de navegação à barra lateral.

Etapa: 1: Instalar e ativar o plug-in

Para usar o widget de navegação no WordPress, primeiro você precisa instalar e ativar o plugin. Você pode fazer isso acessando a página Plugins no painel de administração do WordPress.

Basta usar o campo de busca disponível na página e pesquisar o plugin pelo nome. Depois de vê-lo aparecer, instale e ative-o diretamente a partir daí.

Ler:  7 melhores sites para comprar ações de postagens do LinkedIn em 2024 (real e instantâneo)

Você também tem a opção de instalação manual do plugin, mas o processo acima é mais rápido e você nunca precisa sair do painel.

Etapa 2: vá para a página de widgets

O menu de navegação como um plugin de widget suspenso não possui uma página de configuração. Conforme afirmado acima, não há nada para configurar ou corrigir depois que o plugin for ativado.

Ele adiciona automaticamente um widget à área de widgets do seu site. Você pode usar este widget para criar um menu de navegação na barra lateral.

Vá em frente e vá direto para a página Widgets no painel e coloque-a onde quiser. Em seguida, defina as configurações desejadas diretamente no próprio widget.

Para acessar a página de widgets, clique em Aparência > Widgets, localizado na área do menu lateral esquerdo do painel.

Você pode ver que o widget agora está disponível porque você ativou o plugin.

Etapa 3: coloque o menu de navegação como um widget suspenso

Neste ponto, você está na página principal de Widgets no painel do WordPress. Procure o widget “Menu de navegação como menu suspenso”. Ao encontrá-lo, arraste e solte-o na área do widget onde deseja exibi-lo.

Etapa 4: configurar o widget

Depois de colocar o widget na área desejada, vá em frente e configure-o como achar melhor.

Você pode ver que não há muitas opções disponíveis. Você vai escolher um título para o seu menu, selecionar o menu que será exibido e, em seguida, passar pelas duas caixas de seleção abaixo dele.

Ler:  Como excluir o histórico de pedidos da Amazon

Conclua a configuração das opções da caixa de seleção e depois “Salve” o widget.

Etapa 5: visualizar o widget do menu de navegação

Vá em frente e visualize a seção do widget de navegação no front end do seu site. A seção terá uma aparência diferente com base nas configurações definidas e no menu escolhido.

Vá em frente e clique no menu para ver o menu suspenso.

É isso! Você pode repetir o processo acima e criar quantos menus da barra lateral do WordPress desejar.

Observação: você pode personalizar o estilo do menu suspenso de navegação se souber como adicionar CSS personalizado ao seu site.

E se o seu tema não tiver uma barra lateral?

Alguns temas do WordPress não possuem barra lateral disponível. isso está se tornando mais comum, pois muitos temas buscam uma aparência de layout mais minimalista. Se for esse o caso, você precisa encontrar um plug-in que possa adicionar uma barra lateral às postagens e páginas do seu site ou codificar você mesmo um modelo e adicioná-lo. Eu recomendo um plugin. Aqui está uma boa.

Gerador de barra lateral SMK

Gerador de barra lateral SMK é um plugin que permitirá construir e gerar quantas barras laterais você precisar. Você pode então pegar uma barra lateral criada e colocá-la em qualquer postagem ou página que desejar em seu site WordPress.

O plugin é leve, então adicioná-lo ao seu site para construir barras laterais não irá atrasá-lo. Ele também vem pronto para funcionar com alguns recursos excelentes, incluindo:

  • Crie um número ilimitado de barras laterais
  • Substitua as barras laterais do tema padrão quando necessário
  • Condições de substituição globais ou opções de substituição de barra lateral única
  • Mostre todas as barras laterais construídas e gere-as sem usar nenhum código
  • Arraste e solte as posições da barra lateral
Ler:  5 ferramentas de marketing digital incomparáveis ​​para marcas e agências

Esta é uma opção de plug-in complementar perfeita se você precisar de algo que permita construir uma barra lateral. Você pode então adicionar um menu suspenso de widget de navegação à barra lateral que você criou.

Pensamentos finais

Adicionar widgets de navegação ao seu site WordPress ajudará os usuários do site a navegar mais facilmente pelo seu conteúdo, especialmente quando estiverem em dispositivos móveis. Se você adicionar esse tipo de navegação ao seu site, você dará aos usuários outra saída para navegar além dos menus principal ou de rodapé.

Adicionar um menu suspenso à barra lateral não é uma tarefa muito difícil, você só precisa ter o plugin certo e as etapas à sua frente para poder ver exatamente o que precisa fazer.

Espero que o tutorial tenha mostrado como é fácil adicionar um widget de navegação com um menu suspenso à barra lateral do WordPress.

Você usou outros plug-ins para adicionar menus suspensos ao seu site? Você descobriu que a navegação é mais fácil para usuários móveis quando há um widget de navegação disponível?

Novas publicações:

Recomendação