Dicas, truques e melhores plug-ins para personalizar menus WordPress

Os menus são uma das partes mais importantes de cada site. Eles são onipresentes e orientam os usuários em seu blog. E embora seja relativamente fácil adicionar um menu de navegação no WordPress, há muito mais que você pode fazer para personalizá-lo para o seu site.

Quer se trate de um pequeno ícone que deseja ter no menu ou de um sistema completamente diferente para lidar com ele, este guia tem tudo. Confira dicas, truques e alguns dos melhores plug-ins de menu que preparamos para você neste guia:

• Adicione ícones ao seu menu WordPress
• Adicionar botão de login / logout ao menu
• Exiba menus do WordPress em qualquer lugar que você quiser
• Como adicionar uma caixa de pesquisa ao menu do WordPress
• Como fazer o menu de navegação ficar no topo da página
• Faça seu menu de navegação fixo com plug-ins
• Como remover itens de menu de nível superior no WordPress
• 4 principais plug-ins de menu para WordPress
• Os melhores plug-ins de menu móvel do WordPress

Adicione ícones ao seu menu WordPress

Criar um menu no WordPress nunca foi tão fácil. Tudo que você precisa fazer é gerar páginas e adicioná-las ao lado de sua página inicial. Seu menu de navegação principal será feito com apenas alguns cliques, mas provavelmente terá uma aparência muito simples.

Existem vários plug-ins que podem ajudá-lo a criar um menu de navegação visualmente deslumbrante. Você pode, é claro, codificar um para si mesmo, se souber como fazê-lo, mas há uma maneira mais simples de tornar seu menu normal mais amigável - adicionando ícones.

Os ícones se tornaram algo sem o qual não podemos viver . Quando você pesquisa algo no painel do WordPress, na área de trabalho ou no smartphone e tablet, provavelmente está acostumado a usar ícones. Depois de usar um novo aplicativo apenas algumas vezes, é mais provável que você se lembre de seu ícone do que de todo o texto de descrição que o acompanha. Então, por que você não colocaria um ícone ao lado do seu item de menu e permitiria que as pessoas navegassem pelo seu site com facilidade?

Ícones do Menu

PREÇO: grátis

Se você não sabe fazer isso, não se preocupe, é por isso que está aqui. Nesta parte do guia, não vamos incomodá-lo com a codificação personalizada, mas simplesmente mostraremos um plug-in gratuito bacana que você pode configurar nos próximos minutos .

1. Vá para Plugins-> Adicionar Novo
2. Pesquise por “Ícones do Menu”
3. Instale e ative o plugin
4. Navegue até Aparência -> Menus
5. Abra seu menu de navegação
6. Selecione uma página na estrutura do menu para a qual deseja selecionar um ícone
7. Escolha o ícone, edite sua posição e tamanho
8. Salvar menu

É isso! Agora vá encontrar alguns ícones legais que deseja em seu menu e aproveite seu novo design. Enquanto você ainda está trabalhando com ícones, não se esqueça de que você também pode adicionar facilmente um favicon ao seu blog do WordPress.

Adicionar botão de login / logout ao menu

Um dos muitos recursos do WordPress que amamos é sua maneira fácil de registrar novos usuários. Controlar diferentes funções de usuário na plataforma popular não poderia ser mais fácil; já existem funções registradas que você pode atribuir e você pode até mesmo criar várias funções de usuário personalizadas para a necessidade de seu site.

Embora registrá-los seja rápido e fácil, cuidar de seus usuários pode ser um trabalho árduo . Mas você precisa fazer tudo ao seu alcance para que a experiência deles no site seja a melhor possível.

Uma das muitas coisas que você pode fazer por eles é permitir uma maneira fácil de efetuar login e logout do seu site. Para que os links de login / logout estejam sempre ao alcance dos usuários, você pode colocar esses links diretamente no seu menu principal. Em primeiro lugar, ter esses links no menu é muito prático e, em segundo lugar, seus usuários provavelmente se acostumaram com o recurso de vários outros aplicativos que usam a mesma maneira de efetuar login e logout.

Neste caso, não há necessidade de pegar outro plugin. Uma função simples do WordPress que vamos mostrar nesta parte do artigo pode fazer um ótimo trabalho . Ele colocará automaticamente o link correto em seu menu. Isso significa que enquanto um usuário estiver desconectado, ele obterá o link de “login” e vice-versa. Nem você nem o usuário terão que se preocupar com os botões de login novamente.

Se você estiver pronto para adicionar este recurso de login simples, mas elegante ao menu, eis o que você terá que fazer:

1. Abra functions.php
2. Copie e cole o seguinte:

 function add_login_logout_link ($ items, $ args) {
$ loginoutlink = wp_loginout ('index.php', false);
$ items. = '<li>'. $ loginoutlink. '</li>';
return $ items;
}
add_filter ('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);

3. Salvar alterações

Como acontece com a maioria dos nossos snippets, basta copiar e colar a função no arquivo. Quando terminar, você pode continuar e recarregar a página inicial. Como você ainda está logado, receberá o link “log out” no último local do seu menu principal. Certifique-se de verificar toda a função, portanto, tente fazer o logout e voltar para se certificar de que está tudo bem.

Agora que você concluiu esse pequeno recurso, não se esqueça de que você pode redirecionar facilmente os usuários para outra página após um login bem-sucedido ou até mesmo mostrar o conteúdo apenas para usuários conectados ou desconectados.

Além disso, agora que você tem um menu personalizado, pode estar interessado em exibi-lo em qualquer lugar do site, fornecendo um código de acesso personalizado.

Amamos personalizar o WordPress com pequenos trechos como este, e você?

Exiba menus do WordPress em qualquer lugar que você quiser

Depois que o WordPress alcançou a versão 3.0, muitas coisas se tornaram mais fáceis de usar. Entre as diversas novidades, a criação de um menu de navegação tornou-se acessível a qualquer pessoa e hoje todos podem construir seus próprios menus com apenas alguns cliques do mouse.

Embora a criação de menus onde você pode facilmente vincular qualquer postagem, página, categoria ou qualquer link externo seja um pedaço de bolo, mostrar o menu em diferentes lugares ao longo do seu site pode ser um pouco mais difícil para aqueles que não estão em desenvolvimento WordPress.

Dependendo do tema do WordPress que você está usando, você pode exibir facilmente um menu recém-criado no topo da sua página, onde todos estamos acostumados a encontrar a navegação. Você pode ter a opção de colocar seu menu na barra lateral ou até mesmo na área de rodapé, mas e se você quisesse mostrar o menu em suas postagens, páginas ou mesmo no widget?

Não, você não precisa criar listas personalizadas ou redigitar todo o código HTML para replicar os links; você pode aproveitar as vantagens dos códigos de acesso e colocar um menu existente em qualquer lugar que desejar!

Nas linhas a seguir, vamos mostrar como fazer isso e temos certeza de que você vai gostar do seu novo recurso de 'menu no shortcode'.

Crie um código de acesso e exiba os menus do WordPress em qualquer lugar que você quiser

1. Abra o arquivo functions.php
2. Copie e cole o código que irá registrar o shortcode:

 function menu_function ($ atts, $ content = null) {
 extrair(
 shortcode_atts (
 array ('nome' => nulo,),
 $ atts
 )
 );
 return wp_nav_menu (
 variedade(
 'menu' => $ nome,
 'echo' => falso
 )
 );
 }
 add_shortcode ('menu', 'menu_function');

3. Salvar alterações

Logo depois de salvar as alterações, você poderá exibir os menus do WordPress em qualquer lugar que desejar. Tudo que você precisa fazer é escrever o código de acesso onde você tem que especificar o nome do menu que você vai usar:

[nome do menu = ”menu principal”]

Na maioria dos casos, o menu principal terá o nome do “menu principal” anexado a si mesmo. Mas se você for usar qualquer outro menu, basta inserir seu nome no código de acesso. Você não precisa saber todos os nomes dos menus de cor; em vez disso, navegue até Aparência -> Menus e navegue pela lista de menus ou crie novos.

Como agora você pode exibir menus WordPress praticamente em qualquer lugar, você pode criar várias navegações que usará em seu site com WordPress. Você pode ter um em uma postagem, outro em arquivos de modelo, um widget de texto, etc.

Como adicionar uma caixa de pesquisa ao menu do WordPress

A menos que você tenha removido o recurso, o WordPress permite que seus visitantes pesquisem em todo o seu site. Mencionamos esse recurso legal várias vezes e mostramos coisas diferentes que você pode fazer com suas páginas de pesquisa. Por exemplo, você pode redirecionar facilmente os usuários para a postagem se houver apenas um resultado encontrado ou até mesmo configurar uma pesquisa personalizada do Google.

Se você navegou por seus widgets WP padrão, provavelmente viu que há um widget de pesquisa pronto para ser colocado em uma barra lateral . Mas e se você quiser que a caixa de pesquisa apareça ao lado do menu?

Nas linhas a seguir, mostraremos uma função que pegará sua caixa de pesquisa do dia a dia e a colocará no menu de navegação.

Adicione uma caixa de pesquisa ao menu:

1. Abra functions.php
2. Copie e cole o seguinte:

 add_filter ('wp_nav_menu_items', 'add_search_box', 
10, 2);
function add_search_box ($ items, $ args) {
$ items. = '<li>'. get_search_form (false). 
'</li>';
return $ items;
}

3. Salvar alterações

Para ter certeza de que o código funcionará para você, certifique-se de ter um menu de navegação já adicionado ao seu site.

O código é bastante simples e sua única função é adicionar a caixa de pesquisa ao menu de navegação . Muito provavelmente, sua caixa de pesquisa não ficará alinhada onde você queria. Isso significa que você terá que dizer ao WordPress onde colocar a caixa de pesquisa:

1. Adicione uma classe à tag <li> encontrada na terceira linha do código:

 $ items. = '<li class = ”searchbox-position”>'. 
get_search_form (false). '</li>'

2. Salvar alterações
3. Abra style.css
4. Copie e cole o código CSS:

 .searchbox-position {
 margem superior: 15px;
 margem direita: 20px;
 }

5. Altere o código ao seu gosto
6. Salvar alterações

Felizmente, você aninhou a caixa perfeitamente ao lado do seu menu. Não é preciso muito para caber na caixa onde você deseja. Não se esqueça de estilizar a própria caixa de pesquisa e aproveitar o recurso.

Se quiser ter mais controle sobre o menu e a caixa de pesquisa, verifique como adicionar ícones ao menu e como adicionar uma opção de pesquisa por voz para visitantes que gostam de ditar seus termos de pesquisa. Há muito mais que você pode fazer com o menu e as opções de pesquisa, então teste nossa caixa de pesquisa e aprenda algo novo.

Como fazer o menu de navegação ficar no topo da página

Você provavelmente já viu sites em que menus de navegação ficam no topo da página e o seguem a cada passo em sua aventura de rolagem . Esse recurso pode ser algo que você deseja em seu site WordPress e nesta parte do guia, estamos prestes a mostrar como criar um.

Não só tem um lado funcional onde o menu está sempre disponível ao alcance da sua mão, mas também pode ter um aspecto muito bonito e fluido.

Se você tem um pouco de conhecimento de CSS, não terá problemas em tornar seu menu fixo. Você só precisa adicionar um trecho de código ao arquivo Style.css, após o qual poderá desfrutar do novo recurso de menu.

1. Abra sua folha de estilo (style.php)
2. Encontre .nav-menu ou .genesis-nav-menu (ou similar, dependendo do tema que você está usando)
3. Use o seguinte código para o contêiner do menu principal:

 .nav-menu {
 posição: fixa;
 fundo: # 333;
 topo: 0px;
 direita: 0px;
 esquerda: 0px;
 índice z: 99;
 }

Como você pode adivinhar pelo código, a parte importante vem na segunda linha, onde você precisa corrigir a posição do seu menu . Depois disso, você pode definir os elementos superior, direito e esquerdo para 0 pixels ou movê-los para qualquer distância do topo ou das margens esquerda e direita da página (por exemplo: topo: 10px colocará seu menu a 10 pixels de margem superior do seu site).

1. Atualize seu arquivo e aproveite seu menu de navegação fixo

Se você não gosta de mexer com o código, pode usar plug-ins para tornar seus menus fixos.

Faça seu menu de navegação fixo com plug-ins

Ensinamos você a criar um menu de navegação fixo simplesmente alterando uma linha de código CSS em seu tema. Mas, não importa o quão fácil seja, nem todo mundo gosta de examinar os arquivos do WordPress e editar o código por conta própria. Se você é esse tipo de pessoa ou precisa de mais controle sobre o menu, não se preocupe. Você pode configurar seu menu facilmente e torná-lo aderente usando plug-ins . Nesta parte do artigo, mostraremos a você alguns dos melhores.

UberMenu Sticky Extension

PREÇO: $ 8

UberMenu Sticky Extension é um add-on para o plug-in UberMenu, o que significa que você deve instalar esse plug-in primeiro para fazer a extensão funcionar. A extensão torna tudo simples; após a instalação, você está pronto para tornar seu menu fixo. Não importa onde você coloque o menu, uma vez que um usuário comece a rolar, o menu irá colar no topo da página e torná-lo facilmente acessível.

Para garantir que os usuários móveis possam acessar todas as partes do menu, a opção aderente apaga assim que um dispositivo móvel é detectado. Não há muito o que adicionar aqui - confira a demo no site oficial e se você já tem o UberMenu, vá em frente e deixe seu menu pegajoso.

myStickymenu

PREÇO: Grátis - DEMO

Este plugin foi projetado para ser usado no tema Twenty Thirteen. Mas se você ajustá-lo um pouco, poderá usá-lo em qualquer tema de sua preferência. Por padrão, ele usa a classe CSS de navegação do tema “.navbar”. Portanto, se você quiser usá-lo em algum outro tema, deverá encontrar a classe que o seu tema usa para descrever o menu de navegação e alterar o nome dessa classe.

Se o seu tema for responsivo, o plugin também será responsivo. Se quiser modificá-lo mais, você pode inserir seus estilos CSS personalizados e tornar seu menu fixo ainda mais personalizado.

Menu fixo (ou qualquer coisa!) Na rolagem

PREÇO: grátis

Este plugin permitirá que você coloque seu menu no topo e torne-o aderente. Mas não só isso, o plugin permitirá que você torne qualquer elemento aderente apenas encontrando o seletor certo para o elemento. Isso significa que você pode fazer seu logotipo ou até mesmo todo o cabeçalho preso no topo da página enquanto os usuários navegam pelo seu site. Para fazer tudo funcionar, você terá que saber um pouco sobre HTML e CSS para encontrar o seletor certo.

Como remover itens de menu de nível superior no WordPress

Você provavelmente já sabe que o WordPress é altamente personalizável. Se você sabe como codificar ou pelo menos encontrar os plug-ins certos, pode transformar seu back-end, bem como o front-end, e exibir um site exclusivo para seus visitantes e também para seus autores.

Nesta parte, mostraremos um código simples que permitirá a você remover itens de menu de nível superior de suas páginas de administração do WordPress.

O código que você pode encontrar abaixo removerá todos os itens de menu de nível superior para todos os usuários, em vez de administradores . Antes de continuar, você deve saber que este trecho remove apenas os itens de menu, mas que esses itens ainda estarão disponíveis para qualquer pessoa que conheça o caminho correto para uma página de configurações. Se quiser restringir completamente o acesso a certas páginas do menu, você terá que alterar as capacidades do usuário.

Remova os itens de menu de nível superior:

1. Abra seu arquivo functions.php
2. Copie e cole o seguinte código:

 if (! current_user_can ('manage_options')) {
add_action ('admin_menu', 'my_remove_menus', 999);
}
function my_remove_menus () {
remove_menu_page ('index.php'); //Painel
remove_menu_page ('edit.php'); //Postagens
remove_menu_page ('upload.php'); //Meios de comunicação
remove_menu_page ('edit.php? post_type = page'); //Páginas
remove_menu_page ('edit-comments.php'); //Comentários
remove_menu_page ('themes.php'); //Aparência
remove_menu_page ('plugins.php'); // Plugins
remove_menu_page ('users.php'); //Comercial
remove_menu_page ('tools.php'); //Ferramentas
remove_menu_page ('options-general.php'); //Definições
}

3. Salvar alterações

Como esse código remove todos os menus de nível superior que você provavelmente não deseja fazer, sinta-se à vontade para modificar o código de acordo com suas necessidades. Cada linha “remove_menu_page” se encarrega de remover uma página (que é descrita tanto entre colchetes quanto no comentário ao lado da linha de código). Basta adicionar ou remover uma página que você deseja que esteja ausente do seu menu e salvar as alterações mais uma vez.

Agora que você aprendeu como remover as páginas de nível superior do menu, talvez queira remover apenas algumas das subpáginas que estão localizadas nas de nível superior.

4 principais plug-ins de menu para WordPress

Depois de começar a construir seu novo site, mais cedo ou mais tarde você precisará de um menu. Você pode criar um usando uma opção de menu padrão no WordPress, mas se quiser um mais profissional, você terá que saber seus códigos HTML e CSS. Isso também significa que você gastará algum tempo projetando tudo para funcionar perfeitamente e ficar bonito ao mesmo tempo.

Mas se você precisa de uma solução mais rápida ou simplesmente não sabe como codificar seu próprio menu sofisticado, o WordPress permite que você instale alguns plug-ins excelentes que são projetados para criar menus lindos em questão de alguns cliques. Sem nenhuma ordem específica, aqui estão alguns dos melhores plug-ins de menu para WordPress.

Menu Uber

PREÇO: $ 20 - DEMO

Com mais de 43.000 vendas, o Uber Menu é um dos plug-ins mais populares para WordPress . Depois de abrir o site de demonstração e ver como é o menu criado com este plug-in, você entenderá por que ele é tão popular. E depois de começar a listar seus recursos, provavelmente você vai querer um para você.

Os menus criados com o menu do Uber serão responsivos e habilitados para toque para os visitantes móveis. Você pode criar belos layouts e colocar ícones, imagens, vídeos e mapas em seu menu. O formulário inteiro pode ser colocado em um submenu para que você possa criar um formulário de contato sem ter que adicionar uma página extra para isso. O plugin é altamente personalizável e você pode brincar com mais de 50 configurações de estilo com visualização ao vivo. Você pode construir submenus automaticamente a partir de seu outro conteúdo, criar guias em seu menu e muito, muito mais.

• Geração de item dinâmico
• Submenus com guias
• Interface de usuário aprimorada

Morph: Menu Fly-Out WordPress personalizável

PREÇO: $ 20 - DEMO

Morph é um menu suspenso projetado para dispositivos móveis. Mas, como você pode ver na página de demonstração, se você abri-lo em seu computador pessoal, ele também parece ótimo na área de trabalho.

Usando este plugin, você pode ocultar um menu e abri-lo com um simples clique . Na área do menu, você pode criar um menu suspenso padrão, adicionar imagens, botões de pesquisa e toda a área é widgets, o que significa que você pode incorporar tudo o que precisa e deseja. O plugin é muito personalizável para que você possa escolher as cores que deseja, alterar a altura das imagens e adicionar ou remover elementos para atender às suas necessidades. Se você for usá-lo para dispositivos móveis, poderá definir facilmente as resoluções para as quais o menu aparecerá.

• Funciona muito bem em desktops e dispositivos móveis
• Adicionar / remover elementos personalizáveis
• Pode ser acionado por qualquer elemento

Menu Hero

PREÇO: $ 19 - DEMO

Quer você queira um menu simples ou um “Mega Menu” complexo, você pode criar um com o plugin Hero Menu. Cada menu que você criar será responsivo e ficará ótimo em qualquer dispositivo; se você optar por criar um mega menu, os itens podem ser mostrados ou ocultados para que você não precise se preocupar com o layout em telas menores.

Há suporte de toque especial para Android, iOS e Windows Phone. Escolha a barra de navegação de largura total ou largura fixa, onde você pode facilmente adicionar elementos extras simplesmente usando uma técnica de arrastar e soltar . Existem mais de 60 esquemas de cores predefinidos e você está livre para usar cada um dos Google Fonts gratuitos. Torne o menu fixo, escolha a distância de ativação ... este ótimo plugin pode oferecer muito mais, então certifique-se de verificar a lista completa de recursos no CodeCanyon.

• Construtor de estrutura de menu arrastar e soltar
• Crie um menu simples ou um mega menu complexo
• Navegação móvel especial

Barra Multi-X

PREÇO: $ 16 - DEMO

A barra Multi-X é um plugin modular e permite que você coloque praticamente qualquer coisa que você quiser na barra de navegação. Além dos itens de menu, você pode colocar até 8 itens na barra - seja um formulário de contato, formulário de pesquisa, ícones de compartilhamento social, área de widget, etc.

Existem dois temas diferentes para você escolher, além de um tema personalizado onde você pode definir suas próprias cores enquanto o gradiente é calculado automaticamente. A barra de navegação pode ser colocada como um menu fixo ou rolável. Se você é um desenvolvedor, vai gostar de saber que existe um conjunto de ganchos prontos para você se quiser criar um novo plugin a partir da barra Multi-X. Este plugin oferece muito, muito mais, então certifique-se de dar uma olhada em todos os recursos do CodeCanyon.

• 8 módulos funcionais incorporados
• 2 temas de cores + tema personalizado
• Posição superior ou inferior

Os melhores plug-ins de menu móvel do WordPress

Todos nós sabemos o quão longe a tecnologia avançou. Smartphones e tablets tornaram-se inevitáveis ​​e há um número crescente de proprietários de dispositivos móveis. As redes WiFi cobrem todas as partes de nossas cidades e se não houver nenhuma, você sempre pode conectar seu dispositivo móvel à Internet através de seu provedor. O que tudo isso significa é que o número de internautas móveis é maior do que nunca e que você precisa cuidar deles se estiver administrando um site.

Se você está construindo um site para celular ou deseja torná-lo melhor, você definitivamente precisa construir um menu especial para celular que se adapte a qualquer tamanho de tela e permita aos usuários de celular uma navegação mais fácil .

Com o WordPress, essa tarefa não é tão difícil quanto você pode imaginar. Você não precisa saber codificar ou configurar um menu. Tudo que você precisa é de um plugin que você pode instalar e personalizar facilmente de acordo com as suas necessidades.

Nesta parte do guia, estamos prestes a mostrar alguns dos melhores plug-ins premium que podem criar um menu móvel para o seu site WordPress. Então, vamos rolar para baixo e dar uma olhada.

Tátil

PREÇO: $ 18 - DEMO

Este plugin premium criará um cabeçalho móvel limpo com um menu móvel embutido nele. As animações são muito simples e podem parecer muito boas e fluidas na tela de um smartphone. Com o Tactile, você pode criar um menu de acordeão de vários níveis, fazer um menu horizontal de nível único que pode ser deslizado ou criar uma barra lateral de widget que pode voar até seu site .

Tudo é personalizável, o que significa que você pode pintar seus elementos em qualquer cor que desejar, alterar planos de fundo e definir suas cores, opacidades e muito mais. Seu menu pode ser fixo ou posicionado de forma absoluta. Se você quiser ainda mais controle sobre os dispositivos móveis, pode definir as resoluções para as quais esse menu será ativado.

• Vários tipos de menu
• Funções de pesquisa
• Posicionamento fixo / absoluto

TapTap

PREÇO: $ 10 - DEMO

O TapTap lhe dará o poder de criar um menu móvel exclusivo para o seu site WordPress. Como você pode ver no site de demonstração, você pode criar quase qualquer coisa que imaginar e seus menus ficarão realmente bonitos. Com este plugin, você pode criar menus de vários níveis, decidir quais elementos você deseja mostrar, adicionar descrições ou habilitar a opção de pesquisa integrada .

Existem dois designs de botão de menu e algumas animações para escolher. A posição do seu menu pode ser fixa ou você pode usar o posicionamento absoluto. Escolha estilos de fundo e brinque com várias opções de estilo para que você possa ajustar o menu ao seu tema perfeitamente. Por último, mas não menos importante, o TapTap permite que você escolha as resoluções nas quais ele será exibido. O que mais você pode desejar de um menu de navegação móvel?

• Menus multinível
• 2 designs de botões de menu e animações
• Posicionamento fixo / absoluto

Mobi

PREÇO: $ 16 - DEMO

Mobi é outro plug-in WordPress simples, mas excelente, pronto para ajudar em sites móveis. Com esta adição, seu tema responsivo terá uma navegação ainda melhor. Depois de criar um menu usando um criador de menu arrastar e soltar intuitivo , você pode colocá-lo na parte superior ou inferior do seu site.

Todos os itens de menu são personalizáveis ​​e você pode adicionar ícones de mídia social à sua barra de navegação. Existem mais de 700 fontes de ícone e você pode concluir seu design usando uma das fontes do Google. Se necessário, você pode controlar a visibilidade do usuário para convidados e usuários registrados.

• Personalização de arrastar e soltar
• Posicionamento do menu superior ou inferior
• Visibilidade do usuário para convidados e usuários conectados

Wah-menu

PREÇO: $ 44 - DEMO

Wah-menu é um menu acoplável perfeito para sites móveis, especialmente projetado para navegação com toque do iPad. Com este plugin premium, você pode adicionar até 8 links de menu que se encaixarão perfeitamente na lateral do seu site WordPress.

Depois de clicar em um ícone específico no menu, um submenu aparecerá que permite HTML, vídeos incorporados, mapas e praticamente tudo o que você quiser. O plugin é altamente personalizável, o que significa que você pode escolher entre 8 cores de destaque, brincar com a largura do menu, ícones, links, etc. A criação de menus é super fácil com o editor WYSIWYG. Independentemente de você optar por usar o tema claro ou escuro, pode ter certeza de que ficará bem.

• Editor WYSIWYG
• Submenus com suporte para HTML, vídeos incorporados, etc.
• Opção de estado externo ou encaixado

Menu de estilo de caminho

PREÇO: $ 12 - DEMO

Este plugin premium é um pouco diferente do seu plugin usual dedicado à criação de menus. Em vez de uma barra de menu clássica ou um menu da barra lateral, o Menu de estilo de caminho cria um botão . Depois de ativar um botão, ele mostrará um menu ao redor do botão em um círculo, expandirá em linha na direção desejada ou até mesmo organizará seus ícones em um arco.

Se houver vários níveis de menu, o botão criará um botão Voltar que permitirá que os usuários acessem o menu principal novamente. Existem toneladas de opções de personalização e para criar um menu; você pode simplesmente usar o editor de menu padrão do WordPress. Se você está procurando um menu móvel exclusivo, dê uma chance ao Menu de estilo de caminho.

• Criar menu ao redor do botão
• Altamente personalizável
• Use o menu WP padrão para editar o menu

Scrollnav

PREÇO: $ 10 - DEMO

Outro plugin de menu exclusivo que oferece ótimas funções e pode ficar ótimo no seu site. Scrollnav consiste em um círculo que contém várias opções de menu . Há um link para a página inicial no meio do botão, o link do topo leva você logicamente ao topo da página, há uma caixa de pesquisa, um menu personalizado e um link personalizado que faz parte do círculo.

O menu personalizado fornecerá espaço suficiente para criar menus inteiros com submenus, terá uma ótima aparência e fornecerá o espaço necessário em seu site móvel. Existem vários esquemas de cores que você pode escolher e tudo é fácil de configurar. Você definitivamente deve verificar o site de demonstração para ver como esse pequeno plugin funciona.

• Botão circular com diferentes funções
• Menu personalizado e parte do link personalizado
• Vários esquemas de cores

Menu ScrollTo

PREÇO: $ 24 - DEMO

Este plug-in premium simples lhe dará um menu de barra lateral bacana que é desenvolvido para a navegação por toque do iOS e Android. Depois de criar um menu, ele apresentará ícones com links para outra parte da página e rolar automaticamente.

É importante observar que ScrollTo não é um menu de navegação completo , mas apenas rola para outra parte da mesma página. Você pode escolher entre mais de 750 ícones ou pode usar suas próprias imagens como itens de menu e há espaço extra para anúncios. Para fazer tudo funcionar, você precisa ter conhecimento básico de HTML para poder seguir as instruções. Pode demorar mais alguns minutos do seu tempo, mas o resultado final parece ótimo.

• Habilitado para toque
• Mais de 750 ícones + imagens personalizadas
• Espaço extra de propaganda

Conclusão

Esperamos que você já tenha percebido que é difícil administrar um site sem um menu. Mesmo se você executar um one-page, você ainda vai querer uma navegação entre as seções. Então, enquanto você já está aqui, reserve um tempo para personalizar seu menu do WordPress e fazer o melhor possível.