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

Atualmente, muitos proprietários de sites WordPress decidem criar um menu de barra lateral recolhível. E se você estiver executando um site enorme ou talvez uma loja de comércio eletrônico , essa pode ser a solução ideal para você. Para ajudá-lo a configurar esse recurso em seu site, consultamos uma equipe de especialistas em WordPress e preparamos um guia completo neste artigo. Mas primeiro, explicaremos o que é um menu de barra lateral recolhível e por que você deve tê-lo em seu site.

O que é um menu de barra lateral recolhível no WordPress e quando você deve criá-lo?

Os menus mais fáceis de usar permitem que os visitantes acessem rapidamente todos os links de que precisam. No entanto, para sites com muitas páginas ou um layout mais complicado, isso pode ser bastante difícil.

Imagine a Amazon ou o eBay, que são grandes empresas de comércio eletrônico com um número significativo de categorias e subcategorias de produtos. Quando você pensa sobre isso – não seria uma boa ideia colocar todas as categorias de produtos em um menu comum . Você precisaria rolar por um tempo para encontrar a categoria que está procurando.

Este é um exemplo perfeito de quando os menus recolhíveis da barra lateral são úteis. Eles permitem que você organize o conteúdo em um relacionamento pai-filho para que, quando seu cliente clicar em um link pai, ele se expanda para mostrar todas as subcategorias ou filhos.

Lembre-se de que os menus recolhíveis da barra lateral também são chamados de menus expansíveis . Caso você se depare com esse termo, é útil saber que ele representa a mesma coisa. O nome está obviamente relacionado ao fato de que quando um de seus visitantes clica em uma das seções do seu site, o menu se expande.

Os menus da barra lateral recolhíveis ajudam você a tornar seu site mais fácil de usar porque ocultam muito conteúdo e complexidade dos visitantes . Você os ajudará a evitar navegar por uma enorme lista de categorias e subcategorias e o número crescente de visitantes em seu site mostrará o quanto eles apreciam isso.

Além de fornecer cuidados especializados para o seu site, também gostamos de compartilhar nosso conhecimento e experiência. Então, veja como criar rápida e facilmente um menu de barra lateral dobrável no WordPress.

A maneira mais simples de criar um menu de barra lateral recolhível no WordPress

A maneira mais fácil e rápida de adicionar um menu de barra lateral recolhível ao seu site é usar o plug-in Bellows Accordion Menu. Este plug-in permite que você adicione um menu de barra lateral recolhível a qualquer página, postagem ou localização de widget, incluindo sua barra lateral .

O primeiro passo é, claro, instalar e ativar o plugin. Para começar a criar seu menu de barra lateral recolhível, vá para “ Aparência ” e clique na página “ Menus ” em seu painel do WordPress assim que estiver ativado.

Em seguida, preencha a seção " Nome do menu ". Lembre-se de que isso é apenas para seu uso e suas visitas não poderão vê-lo. Isso significa que você pode escolher o nome que quiser, não precisa conectá-lo a nenhuma categoria. Após terminar, basta clicar no botão “ Criar Menu ”.

O próximo passo é escolher as páginas que você deseja incluir no menu da barra lateral recolhível . Por padrão, o WordPress exibe apenas suas páginas mais recentes, no entanto, se você clicar na opção “ Visualizar tudo ”, verá todos os seus posts. Ou você também pode usar o botão “ Selecionar tudo ” e preencher automaticamente o menu recolhível com todas as suas páginas.

Depois de decidir quais páginas adicionar, clique na opção "Adicionar ao menu". Você ainda poderá adicionar links personalizados ou escolher tópicos específicos ou categorias de blog. Você pode ler mais sobre isso em nosso artigo sobre como adicionar um menu de navegação no WordPress.

Depois de adicionar páginas ao menu, você pode movê-las e mudar sua ordem simplesmente arrastando-as e soltando-as.

Relacionamentos pai-filho em menus de barra lateral recolhíveis

O foco dos menus recolhíveis está nas conexões pai-filho . Sempre que o visitante passar o mouse sobre uma categoria pai em seu menu, ele se expandirá e dará a opção de escolher uma das categorias filhas,

Adicionar páginas filhas é tão simples quanto arrastá-las e soltá-las abaixo da página pai para criar esse relacionamento . Agora, você vai querer adicionar esse menu dobrável à sua barra lateral do WordPress. Para fazer isso, você terá que usar um shortcode que o plugin Bellows Accordion Menu irá gerar para você.

Vá para “ Aparência ” e clique em “ Menu de fole ” e você obterá seu código de acesso, mas certifique-se de que a guia “ Mostrar tudo ” esteja selecionada. Agora, você pode selecionar a caixa Shortcode que destacará todo o código. Copie o código, pois você precisará colá-lo em um widget. Vá em “ Aparências ” depois em “ Widgets ” e procure a opção da barra lateral.

Depois de descobrir a área da barra lateral, clique nela, pois ela se expandirá. Você poderá adicionar blocos, mas desejará encontrar o Shortcode. Depois de encontrá-lo, basta colar o código que você copiou e clicar no ícone “Atualizar”. Você adicionou com sucesso seu menu recolhível ao seu site.

Uma das melhores coisas sobre este plugin é que ele permite que você personalize facilmente o menu padrão. Você pode escolher cores diferentes e brincar com o design até criar algo que se encaixe no seu site. Basta ir em “ Aparências ” e clicar em “ Personalizar ” e você pode começar.

A linha de fundo

Esperamos que nosso guia tenha ajudado você a aprender por que e como criar um menu de barra lateral recolhível no WordPress. Como você pode ver, é um processo bastante simples e fácil, portanto, mesmo se você for iniciante, não deverá ter problemas com isso. Ou simplesmente entre em contato com a equipe WP Full Care, obtenha uma consulta gratuita e decida dar ao seu site o cuidado especializado que ele merece.