Como construir um menu de barra lateral dobrável no WordPress

Você deseja criar navegações de barra lateral recolhíveis no WordPress? Este tutorial mostrará como criar um menu dobrável no WordPress usando o plugin gratuito.

Os visitantes do seu site apreciarão a facilidade de navegação dobrável. Não ocupa muito espaço na sua barra lateral. Isso é ideal para sites de comércio eletrônico, sites grandes e qualquer outro site que tenha um layout complexo.

Este artigo irá demonstrar como criar um menu de barra lateral do WordPress que se recolhe.

O que é um menu de barra lateral recolhível? Quando você deve usar um?

A maioria dos menus é fácil de usar e oferece aos usuários acesso rápido a todos os links necessários. Sites com muitas páginas ou layouts complexos podem achar difícil fazer isso.

Imagine um grande site de comércio eletrônico com muitas categorias e subcategorias de produtos.

Não é uma boa ideia exibir cada produto em um único menu. Os compradores podem ter que percorrer vários menus para encontrar o produto que estão procurando.

Estas são as vantagens das refeições dobráveis. Esses menus organizam seu conteúdo de acordo com uma relação pai-filho. Clicar em um item pai em um menu recolhido o abrirá para mostrar todo o conteúdo filho desse pai.

Leia também: Tema WordPress de universidade profissional para criar plataforma de educação online

Para seu site móvel, o canal de notícias Guardian usa um menu simplificado. Os menus expansíveis são menus recolhíveis porque suas seções se expandem à medida que os visitantes clicam neles.

Menus recolhíveis ocultam conteúdo e informações complexas dos visitantes por padrão. Isso é mais fácil do que percorrer uma longa lista de subcategorias e categorias.

Vamos agora ver como criar uma barra lateral recolhida no seu site WordPress.

Como criar um menu de barra lateral recolhível no WordPress

Com o plugin Bellows Accordion Menu, você pode criar um menu de barra lateral no WordPress. O menu Bellows Accordion fornece um código de acesso para colocar sua lista recolhida em qualquer página, postagem ou área de widget. Isso inclui sua barra lateral.

1. Um menu de barra lateral recolhível no WordPress

Primeiro, instale o plugin e depois ative-o. Para obter ajuda, consulte nosso guia para instalar um plug-in do WordPress.

Após a ativação, navegue até a página do menu Aparência >> no painel do WordPress .

2. Criando um menu no painel do WordPress

No campo “Menu NameAdding Pages to Your WordPress Menu” , digite um nome para o seu menu. O nome não ficará visível para os visitantes do site, pois é apenas para sua referência. Você pode então clicar no botão Criar Menu.

Em seguida, selecione as páginas que deseja adicionar à sua navegação recolhível. O WordPress exibe apenas suas páginas mais recentes por padrão. Clique na guia Visualizar tudo para visualizar uma lista completa de páginas em seu site.

3. Adicionando Páginas ao Seu Menu WordPress

Você também pode clicar em Selecionar tudo. Isso converterá todas as páginas em uma lista recolhível.

Quando estiver satisfeito com sua seleção, clique no botão “Adicionar ao menu” . Você também pode escolher postagens ou categorias de blog e adicionar links personalizados. Você pode encontrar mais informações em nosso guia para adicionar um menu de navegação ao WordPress.

Arrastar e soltar é uma ótima maneira de mover páginas da Web depois de adicioná-las ao menu. Isso alterará a ordem em que essas páginas aparecem no menu de recolhimento.

Os menus de recolhimento se concentram no relacionamento pai-filho. Clicar em um item pai em seu menu recolhível revelará todo o conteúdo filho.

Leia também: Como fazer negócios locais se beneficiarem do marketing de influenciadores sociais?

Arrastar e soltar é tudo que você precisa para fazer essa conexão.

Em seguida, pegue cada criança em seus braços e puxe-as suavemente para a direita. Isso permitirá que você libere a página. Isso irá inserir o item e torná-lo uma página filho.

4. Adicionando Posts ao Menu WordPress

Não se esqueça de clicar no botão Salvar alterações quando terminar.

Agora queremos adicionar o menu da barra lateral recolhível. Usaremos códigos de acesso que o Bellows Accordion cria automaticamente para fazer isso.

Vá para Aparência >> Menu para pegar o código de acesso. Se a guia Mostrar tudo não estiver selecionada, verifique se está.

Clique na caixa Shortcodes para destacar todos os códigos. Copie este código pressionando o atalho de teclado Command + c ou Ctrl + c.

Em seguida, cole o shortcode em um widget. Vá para Aparência >> Widgets . Isso exibirá todas as áreas widgetizadas em seu tema atual. Embora as opções possam diferir, a maioria dos temas do WordPress inclui uma barra lateral.

5. Configurando menus de barra lateral recolhíveis

Clique na barra lateral para expandi-la. Isso expandirá a seção.

Clique no ícone + para adicionar um bloco. Comece a digitar códigos de acesso. Selecione Shortcode Block quando ele aparecer.

6. Como adicionar widgets à barra lateral do WordPress

Cole o código de acesso para o seu menu minimizável neste bloco. Clique no botão Atualizar na parte superior da tela para publicar seu Menu.

Agora você deve ver um novo menu de navegação da barra lateral recolhível ao visitar seu site.

Este menu padrão pode ser personalizado com o plugin Bellows Accordion. Para refletir melhor sua marca, você pode modificar o esquema de cores em seu site.

Leia também: 10 principais dicas de blogs para estudantes universitários

Você pode alterar o menu padrão acessando Aparência >> Menu abaixo em seu painel do WordPress.

Este Menu contém todas as configurações necessárias para personalizar sua refeição desmontável. Há muitas configurações que você pode explorar. Você pode achar útil começar visitando Main Configuration >> Basis Configuration .

7. Configurando a aparência do seu menu da barra lateral dobrável do WordPress

Você pode escolher entre uma variedade de cores de menu. Você também pode decidir se vários submenus podem ser expandidos simultaneamente usando as configurações de dobra em acordeão.

Clique na aba 'Layout and position' para alterar a largura e o alinhamento do menu.

8. Colocando menus recolhíveis em um site WordPress

Você pode visualizar suas alterações instantaneamente editando a navegação da barra lateral recolhível no WordPress Customizer. Para fazer isso, vá para Aparência >> Personalizar .

Selecione Fole no menu à esquerda.

Conclusão

Você encontrará muitas opções para configurar sua barra lateral recolhível . Você pode ajustar sua largura, alinhamento ou cor. Esperamos que você tenha achado este artigo útil na criação de um menu de barra lateral simples no WordPress.

Leituras interessantes:

Deve-se conhecer as habilidades essenciais e bem-sucedidas dos blogs

O que é a Página Pilar? E os benefícios da estratégia de SEO ao usar o tema

Os 6 principais serviços de otimização de velocidade do WordPress