Menu principal e secundário no Wordpress

Índice

Se você deu uma olhada no wordpress, certamente notará que cada vez que você cria uma nova página, um link é automaticamente adicionado a ela no menu superior, isso certamente tem causado dores de cabeça para todos aqueles que começam a usar este CMS, porque em em alguns casos, queremos apenas colocar no menu superior as páginas que são realmente importantes em nosso site, enquanto as menos relevantes costumam ficar na parte inferior da página. Neste artigo, veremos como organizar nosso menu para mostrar o que queremos nos menus principal e secundário.

Como você pode ver na imagem a seguir, estamos dentro do menu Páginas do Wordpress do painel de administração e já criamos várias páginas para compor nossos menus.

Nesta ocasião estou interessado em colocar como opções principais apenas as páginas "Quem somos" Y "Contato" enquanto os outros farão parte do menu secundário. Portanto, começaremos a criar nosso menu principal, para isso colocamos a opção Aparência no menu do lado esquerdo, clique sobre ela e selecione a opção Menu, conforme mostrado na imagem a seguir.

Na próxima janela iremos atribuir um nome ao nosso novo menu, isto apenas com o propósito de identificá-lo, o nome que for colocado não ficará visível para os visitantes da web. Uma vez que o nome é colocado, clicamos no botão de menu criar.

Então na próxima tela veremos que a seção Páginas está ativada à esquerda, nela podemos selecionar aquelas páginas que queremos que façam parte deste menu, uma vez finalizada a seleção pressionaremos o botão "Adicionar ao menu".

Depois disso, podemos ver no lado direito da tela a seção "Estrutura do menu" aqui podemos alterar a ordem em que as opções em nosso menu aparecerão simplesmente clicando e arrastando para cima ou para baixo.

Assim que terminarem de pedir suas opções, eles não devem se esquecer de marcar a caixa com o rótulo "Menu principal principal" que está na parte inferior da seção "Opções do menu"

Finalmente clicamos no botão "Salvar Menu". E se verificarmos o nosso site, podemos ver que agora existem apenas duas opções no nosso menu superior que correspondem às que selecionamos anteriormente.

Já criamos nosso menu superior, agora veremos como criar nosso menu inferior ou de rodapé.
O procedimento é praticamente igual ao anterior, vamos Aparência> Menus nós selecionamos a opção Crie um novo.

Colocamos um nome para ele e na seção Páginas selecionamos aquelas que queremos que façam parte deste novo menu.

Vou nomear este Menu Secundário e vou escolher para as outras páginas, exceto aquelas que já fazem parte do menu principal.

Podemos ver que, ao contrário do menu superior, não temos diretamente a opção de colocar o menu no rodapé da página, mas podemos fazer isso através de um widget.

Para isso, pressionamos o botão de menu Salvar e, em seguida, vamos para as opções de Aparência e selecione Widget.

Então, vamos localizar a opção "Área do widget de rodapé", Deve-se destacar que esta área vai depender dos containers que o tema possui que aplicaremos posteriormente para dar a aparência final, com certeza você notou que até agora estou trabalhando no tema que o Wordpress traz por padrão então o menu irá certamente não ficará bem desta vez, mas mesmo assim servirá para nos dar uma ideia da disposição que os elementos terão na tela.

Posto isto, colocaremos a opção à esquerda do ecrã "Menu customizado" e vamos arrastá-lo para a opção "Área do widget de rodapé" localizado no lado direito da tela.

Mais tarde na caixa "Escolha o menu" Selecionaremos o menu que desejamos estar naquele contêiner. Depois de selecionar nosso menu secundário, pressionamos Salvar. E se virmos o nosso site podemos ver que já se encontra localizado na nossa parte inferior, talvez não da forma que queremos mas vai depender dos contentores disponíveis no rodapé do tema que estamos a utilizar. Você pode experimentar o tema que está usando e deixar seus comentários, Saudações.

Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
wave wave wave wave wave