{"id":29232,"date":"2022-09-20T12:23:04","date_gmt":"2022-09-20T15:23:04","guid":{"rendered":"\/tutoriais\/?p=29232"},"modified":"2024-12-17T14:31:40","modified_gmt":"2024-12-17T17:31:40","slug":"wp_nav_menu","status":"publish","type":"post","link":"\/br\/tutoriais\/wp_nav_menu\/","title":{"rendered":"Como criar um menu personalizado usando a fun\u00e7\u00e3o wp_nav_menu do WordPress"},"content":{"rendered":"

Menus são um dos elementos mais comuns em sites da internet. Com o WordPress<\/strong>, você consegue facilmente personalizar menus e escolher entre diversos modelos de exibição, caso seu tema suporte essa funcionalidade. Ainda assim, se você deseja utilizar menus em um local específico em seu site, precisará editar os arquivos do seu tema e adicionar a função wp_nav_menu<\/strong>. <\/p>

Ao combinar esta função com o register_nav_menu<\/strong>, você será capaz de criar e posicionar menus personalizados em qualquer lugar do seu site. Adicionar e configurar essas funcionalidades é relativamente fácil, mesmo que você não seja um desenvolvedor de sites. Além disso, você pode editar os menus a partir do seu próprio painel do WordPress.<\/p>

Neste artigo vamos falar sobre como o recurso wp_nav_menu do WordPress funciona. Também vamos te mostrar com quais parâmetros e classes o wp_nav_menu opera e como utilizar essa função com seu tema. Vamos lá!<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n\n<\/p>

O Que É a Função wp_nav_menu do WordPress?<\/strong><\/h2>

wp_nav_menu é uma função que permite exibir menus personalizados no WordPress. Diferente da função wp_page_menu<\/strong><\/a>, que mostra uma lista das páginas existentes, a wp_nav_menu só funciona com menus personalizados. <\/p>

Você pode adicionar a função em qualquer arquivo de template do seu tema para controlar em que lugar da página deseja que o menu seja exibido. Abaixo indicamos um exemplo básico de como essa função se parece, sem qualquer parâmetro específico:<\/p>

wp_nav_menu( array $args = array() )<\/pre>
Para que o código funcione, você precisará especificar qual menu deseja exibir. Na prática, um exemplo da função wp_page_menu em uma página de template se parece com o código abaixo: <\/p>
wp_nav_menu( array( \n    'theme_location' => 'custom-menu') );<\/pre>
Uma função wp_nav_menu pode incluir múltiplos parâmetros. Nesse exemplo utilizamos o parâmetro theme_location para especificar o nome do menu personalizado que queremos exibir (a ser inserido no campo ‘custom-menu’). <\/p>
Se você não se sente confortável ou seguro o suficiente para adicionar uma linha de código em seu site, é possível optar pela utilização de plugins de menu do WordPress<\/strong><\/a>. Algumas ferramentas permitem que você crie e posicione menus personalizados no seu site, como se estivesse utilizando a função wp_nav_menu apresentada neste guia.<\/p>
Alternativamente, você também pode utilizar alguns construtores de páginas do WordPress<\/strong><\/a>. Caso já esteja usando uma dessas ferramentas, verifique suas configurações para saber se ela oferece o recurso de menu personalizado.<\/p>
Parâmetros e Classes CSS do wp_nav_menu do WordPress <\/strong><\/h2>
A maioria das funções do WordPress oferece vários parâmetros predeterminados para modificar seus efeitos. No caso do wp_nav_menu, você possui ambos parâmetros e classes CSS para utilizar. Vamos começar pelo primeiro recurso!<\/p>
Parâmetros do wp_nav_menu <\/strong><\/h3>
Você pode personalizar a função wp_nav_menu utilizando um ou mais parâmetros. Aqui estão indicadas as opções disponíveis:<\/p>