Como Criar um Menu Personalizado no WordPress

Como Criar um Menu Personalizado no WordPress

Menus personalizados ajudam a organizar a navegação e melhorar a experiência do usuário. No WordPress, você pode criá-los pelo painel ou programaticamente. Veja como fazer dos dois jeitos. Nesse artigo você verá:

1. Criando um menu pelo painel
2. Adicionando itens ao menu
3. Definindo locais de exibição
4. Criando menus via código
5. Exibindo um menu no tema
6. Boas práticas para menus
7. Checklist rápido
8. FAQ e tags

1) Criando um menu pelo painel

• No painel, vá em Aparência > Menus.
• Clique em criar novo menu.
• Dê um nome e clique em Criar Menu.

2) Adicionando itens ao menu

• Selecione páginas, posts, categorias ou links personalizados.
• Clique em Adicionar ao menu.
• Arraste para organizar e crie submenus arrastando para a direita.

3) Definindo locais de exibição

Marque as caixas de seleção do local onde o menu deve aparecer (header, footer, etc.). Esses locais variam de acordo com o tema ativo.

4) Criando menus via código

4.1) Registrando o menu no functions.php

function se_registrar_menus() {
  register_nav_menus([
    'menu_principal' => 'Menu Principal',
    'menu_rodape'    => 'Menu Rodapé'
  ]);
}
add_action('init', 'se_registrar_menus');

4.2) Criando e populando um menu automaticamente

$menu_nome = 'Menu Automático';
$menu_existente = wp_get_nav_menu_object($menu_nome);

if (!$menu_existente) {
  $menu_id = wp_create_nav_menu($menu_nome);
  wp_update_nav_menu_item($menu_id, 0, [
    'menu-item-title'  => 'Página Inicial',
    'menu-item-url'    => home_url('/'),
    'menu-item-status' => 'publish'
  ]);
}

5) Exibindo um menu no tema

Adicione no arquivo de template (ex.: header.php):

wp_nav_menu([
  'theme_location' => 'menu_principal',
  'container'      => 'nav',
  'container_class'=> 'menu-site',
  'fallback_cb'    => false
]);

6) Boas práticas para menus

• Mantenha a quantidade de itens enxuta.
• Use nomes claros e objetivos.
• Organize com submenus quando necessário.
• Evite links quebrados e revise periodicamente.

7) Checklist rápido

• Menu registrado no painel ou código
• Itens organizados logicamente
• Locais de exibição configurados
• Menu testado em desktop e mobile

---

Perguntas Frequentes (FAQ)

Posso ter mais de um menu?

Sim. Basta registrar ou criar quantos menus desejar e associar a diferentes locais. Meu tema não mostra locais de menu. E agora?

Será necessário registrar os locais via código ou usar widgets de menu personalizado. Menus afetam o SEO?

Sim. Uma boa navegação ajuda na indexação e experiência do usuário. Posso adicionar ícones nos menus?

Sim. Use classes CSS personalizadas ou plugins como Menu Icons. Como traduzir menus?

Plugins como WPML e Polylang permitem criar versões de menu para cada idioma.

Tags

WordPress, Menu, Navegação, Desenvolvimento, Server ExpressMenus personalizados ajudam a organizar a navegação e melhorar a experiência do usuário. No WordPress, você pode criá-los pelo painel ou programaticamente. Veja como fazer dos dois jeitos. Nesse artigo você verá:

1. Criando um menu pelo painel
2. Adicionando itens ao menu
3. Definindo locais de exibição
4. Criando menus via código
5. Exibindo um menu no tema
6. Boas práticas para menus
7. Checklist rápido
8. FAQ e tags

1) Criando um menu pelo painel

• No painel, vá em Aparência > Menus.
• Clique em criar novo menu.
• Dê um nome e clique em Criar Menu.

2) Adicionando itens ao menu

• Selecione páginas, posts, categorias ou links personalizados.
• Clique em Adicionar ao menu.
• Arraste para organizar e crie submenus arrastando para a direita.

3) Definindo locais de exibição

Marque as caixas de seleção do local onde o menu deve aparecer (header, footer, etc.). Esses locais variam de acordo com o tema ativo.

4) Criando menus via código

4.1) Registrando o menu no functions.php

function se_registrar_menus() {
  register_nav_menus([
    'menu_principal' => 'Menu Principal',
    'menu_rodape'    => 'Menu Rodapé'
  ]);
}
add_action('init', 'se_registrar_menus');

4.2) Criando e populando um menu automaticamente

$menu_nome = 'Menu Automático';
$menu_existente = wp_get_nav_menu_object($menu_nome);

if (!$menu_existente) {
  $menu_id = wp_create_nav_menu($menu_nome);
  wp_update_nav_menu_item($menu_id, 0, [
    'menu-item-title'  => 'Página Inicial',
    'menu-item-url'    => home_url('/'),
    'menu-item-status' => 'publish'
  ]);
}

5) Exibindo um menu no tema

Adicione no arquivo de template (ex.: header.php):

wp_nav_menu([
  'theme_location' => 'menu_principal',
  'container'      => 'nav',
  'container_class'=> 'menu-site',
  'fallback_cb'    => false
]);

6) Boas práticas para menus

• Mantenha a quantidade de itens enxuta.
• Use nomes claros e objetivos.
• Organize com submenus quando necessário.
• Evite links quebrados e revise periodicamente.

7) Checklist rápido

• Menu registrado no painel ou código
• Itens organizados logicamente
• Locais de exibição configurados
• Menu testado em desktop e mobile

---

Perguntas Frequentes (FAQ)

Posso ter mais de um menu?

Sim. Basta registrar ou criar quantos menus desejar e associar a diferentes locais. Meu tema não mostra locais de menu. E agora?

Será necessário registrar os locais via código ou usar widgets de menu personalizado. Menus afetam o SEO?

Sim. Uma boa navegação ajuda na indexação e experiência do usuário. Posso adicionar ícones nos menus?

Sim. Use classes CSS personalizadas ou plugins como Menu Icons. Como traduzir menus?

Plugins como WPML e Polylang permitem criar versões de menu para cada idioma.

Tags

WordPress, Menu, Navegação, Desenvolvimento, Server Express