{"id":1680,"date":"2026-05-08T21:41:58","date_gmt":"2026-05-08T21:41:58","guid":{"rendered":"https:\/\/uhost.com.br\/temav6\/?p=1680"},"modified":"2026-05-08T21:41:58","modified_gmt":"2026-05-08T21:41:58","slug":"menus-criar-e-gerenciar-menus-de-navegacao-do-site","status":"publish","type":"post","link":"https:\/\/uhost.com.br\/temav6\/menus-criar-e-gerenciar-menus-de-navegacao-do-site\/","title":{"rendered":"Menus \u2013 Criar e Gerenciar Menus de Navega\u00e7\u00e3o do Site"},"content":{"rendered":"<h2>O que \u00e9 a se\u00e7\u00e3o Menus?<\/h2>\n<p>A se\u00e7\u00e3o <strong>Menus<\/strong> (<code>?page=menus<\/code>) permite criar e gerenciar todos os menus de navega\u00e7\u00e3o do site da r\u00e1dio. O sistema suporta tr\u00eas posi\u00e7\u00f5es de menu: <strong>cabe\u00e7alho (header)<\/strong>, <strong>rodap\u00e9 (footer)<\/strong> e <strong>menu mobile<\/strong>. O administrador pode selecionar qual menu deseja editar, adicionar itens como p\u00e1ginas ou links personalizados, reordenar os itens arrastando-os e definir onde cada menu ser\u00e1 exibido no site.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uhost.com.br\/temav6\/wp-content\/uploads\/2026\/05\/menus-tela-principal.jpg\" alt=\"Tela principal de Menus\" style=\"max-width:100%;border:1px solid #ddd;border-radius:8px;margin:16px 0;\" \/><\/p>\n<h2>Selecionar e Criar Menus<\/h2>\n<p>No topo da p\u00e1gina h\u00e1 um dropdown <strong>&#8220;Selecione um menu para editar&#8221;<\/strong> que lista todos os menus criados, e um link <strong>&#8220;criar um novo menu&#8221;<\/strong> para criar um menu do zero. Ao clicar neste link, o painel direito exibe apenas o campo &#8220;Nome do menu&#8221; vazio para que o administrador defina o nome e salve antes de adicionar itens.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uhost.com.br\/temav6\/wp-content\/uploads\/2026\/05\/menus-dropdown-tipos.jpg\" alt=\"Dropdown com os 3 tipos de menu dispon\u00edveis\" style=\"max-width:100%;border:1px solid #ddd;border-radius:8px;margin:16px 0;\" \/><\/p>\n<p>O sistema j\u00e1 possui por padr\u00e3o <strong>tr\u00eas menus pr\u00e9-configurados<\/strong>:<\/p>\n<ul>\n<li><strong>Menu Mobile (mobile)<\/strong>: Menu exibido em dispositivos m\u00f3veis, acess\u00edvel pelo \u00edcone de hamburguer.<\/li>\n<li><strong>Menu Principal (header)<\/strong>: Menu exibido no cabe\u00e7alho do site em telas desktop.<\/li>\n<li><strong>Rodap\u00e9 (footer)<\/strong>: Menu exibido na parte inferior do site.<\/li>\n<\/ul>\n<h2>Adicionar Itens ao Menu<\/h2>\n<p>O painel esquerdo <strong>&#8220;Adicionar itens no menu&#8221;<\/strong> lista todas as p\u00e1ginas dispon\u00edveis no sistema. Para adicionar uma ou mais p\u00e1ginas ao menu:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uhost.com.br\/temav6\/wp-content\/uploads\/2026\/05\/menus-adicionar-itens-estrutura.jpg\" alt=\"Adicionar itens e estrutura do menu\" style=\"max-width:100%;border:1px solid #ddd;border-radius:8px;margin:16px 0;\" \/><\/p>\n<ul>\n<li>Marque o checkbox ao lado da p\u00e1gina desejada (ou use <strong>&#8220;Selecionar todos&#8221;<\/strong> para marcar todas de uma vez).<\/li>\n<li>Clique no bot\u00e3o laranja <strong>&#8220;Adicionar ao menu&#8221;<\/strong> para mover os itens selecionados para a estrutura do menu.<\/li>\n<li>Use a aba <strong>Pesquisar<\/strong> para encontrar p\u00e1ginas pelo nome rapidamente.<\/li>\n<\/ul>\n<p>Al\u00e9m das p\u00e1ginas, a se\u00e7\u00e3o <strong>Links Personalizados<\/strong> permite adicionar qualquer URL externa ou interna ao menu, definindo a URL e o texto que aparecer\u00e1 no menu.<\/p>\n<h2>Editar Itens do Menu<\/h2>\n<p>No painel direito <strong>&#8220;Estrutura do menu&#8221;<\/strong>, cada item pode ser expandido clicando na seta (\u25bc) do lado direito para revelar as op\u00e7\u00f5es de configura\u00e7\u00e3o individuais:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uhost.com.br\/temav6\/wp-content\/uploads\/2026\/05\/menus-item-expandido-links.jpg\" alt=\"Item do menu expandido e Links Personalizados\" style=\"max-width:100%;border:1px solid #ddd;border-radius:8px;margin:16px 0;\" \/><\/p>\n<ul>\n<li><strong>R\u00f3tulo de navega\u00e7\u00e3o<\/strong>: O texto que ser\u00e1 exibido no menu. Por padr\u00e3o usa o nome da p\u00e1gina, mas pode ser personalizado (ex.: trocar &#8220;Sobre n\u00f3s&#8221; por &#8220;Quem somos&#8221;).<\/li>\n<li><strong>URL<\/strong>: O link de destino do item. Pode ser editado livremente para apontar para qualquer endere\u00e7o.<\/li>\n<li><strong>Abrir em nova aba<\/strong>: Checkbox opcional. Quando marcado, o link abre em uma nova janela\/aba do navegador.<\/li>\n<li><strong>Remover<\/strong>: Remove o item permanentemente do menu.<\/li>\n<li><strong>Cancelar<\/strong>: Descarta as altera\u00e7\u00f5es feitas no item.<\/li>\n<li><strong>Salvar<\/strong>: Salva as altera\u00e7\u00f5es do item individual.<\/li>\n<\/ul>\n<p>Para <strong>reordenar<\/strong> os itens do menu, basta arrastar pelo \u00edcone de grade (\u2630\u2630) no canto esquerdo de cada item e solt\u00e1-lo na posi\u00e7\u00e3o desejada. A ordem visual reflete diretamente a ordem de exibi\u00e7\u00e3o no site.<\/p>\n<p>Para <strong>remover v\u00e1rios itens de uma vez<\/strong>, marque o checkbox <strong>&#8220;Sele\u00e7\u00e3o em massa&#8221;<\/strong>, selecione os itens e remova-os em lote.<\/p>\n<h2>Configura\u00e7\u00f5es do Menu (Posi\u00e7\u00e3o de Exibi\u00e7\u00e3o)<\/h2>\n<p>Ao final do painel de estrutura, a se\u00e7\u00e3o <strong>&#8220;Configura\u00e7\u00f5es do menu&#8221;<\/strong> permite definir em qual posi\u00e7\u00e3o o menu ser\u00e1 exibido no site:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uhost.com.br\/temav6\/wp-content\/uploads\/2026\/05\/menus-configuracoes-posicao.jpg\" alt=\"Configura\u00e7\u00f5es do menu com posi\u00e7\u00e3o de exibi\u00e7\u00e3o\" style=\"max-width:100%;border:1px solid #ddd;border-radius:8px;margin:16px 0;\" \/><\/p>\n<ul>\n<li><strong>Menu Principal (Header)<\/strong>: O menu \u00e9 exibido no cabe\u00e7alho do site (navega\u00e7\u00e3o principal desktop).<\/li>\n<li><strong>Menu do Rodap\u00e9<\/strong>: O menu \u00e9 exibido na parte inferior do site.<\/li>\n<li><strong>Nenhum (Apenas salvo)<\/strong>: O menu \u00e9 salvo no sistema mas n\u00e3o exibido em nenhuma posi\u00e7\u00e3o (\u00fatil para manter menus de reserva).<\/li>\n<\/ul>\n<p>Ap\u00f3s definir a posi\u00e7\u00e3o, clique em <strong>&#8220;Salvar menu&#8221;<\/strong> para aplicar todas as altera\u00e7\u00f5es. O bot\u00e3o <strong>&#8220;Excluir menu&#8221;<\/strong> remove permanentemente o menu selecionado e todos os seus itens.<\/p>\n<h2>Dicas importantes<\/h2>\n<ul>\n<li>Cada posi\u00e7\u00e3o (Header, Rodap\u00e9, Mobile) s\u00f3 pode ter <strong>um menu ativo<\/strong> por vez. Ao atribuir um novo menu a uma posi\u00e7\u00e3o, o anterior \u00e9 desvinculado automaticamente.<\/li>\n<li>O <strong>Menu Mobile<\/strong> \u00e9 independente do Menu Principal \u2014 isso permite ter um menu simplificado para celulares com apenas as p\u00e1ginas mais importantes.<\/li>\n<li>Use <strong>Links Personalizados<\/strong> para adicionar links externos, como redes sociais ou aplicativos de streaming.<\/li>\n<li>O <strong>R\u00f3tulo de navega\u00e7\u00e3o<\/strong> de cada item \u00e9 independente do nome da p\u00e1gina \u2014 voc\u00ea pode deixar o t\u00edtulo interno da p\u00e1gina longo e usar uma vers\u00e3o curta no menu.<\/li>\n<li>Lembre-se sempre de clicar em <strong>&#8220;Salvar menu&#8221;<\/strong> ap\u00f3s qualquer altera\u00e7\u00e3o para que as mudan\u00e7as sejam aplicadas ao site.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>O que \u00e9 a se\u00e7\u00e3o Menus? A se\u00e7\u00e3o Menus (?page=menus) permite criar e gerenciar todos os menus de navega\u00e7\u00e3o do site da r\u00e1dio. O sistema suporta tr\u00eas posi\u00e7\u00f5es de menu: cabe\u00e7alho (header), rodap\u00e9 (footer) e menu mobile. O administrador pode selecionar qual menu deseja editar, adicionar itens como p\u00e1ginas ou links personalizados, reordenar os itens arrastando-os e definir onde cada menu ser\u00e1 exibido no site. Selecionar e Criar Menus No topo da p\u00e1gina h\u00e1 um dropdown &#8220;Selecione um menu para editar&#8221; que lista todos os menus criados, e um link &#8220;criar um novo menu&#8221; para criar um menu do zero. Ao clicar neste link, o painel direito exibe apenas o campo &#8220;Nome do menu&#8221; vazio para que o administrador defina o nome e salve antes de adicionar itens. O sistema j\u00e1 possui por padr\u00e3o tr\u00eas menus pr\u00e9-configurados: Menu Mobile (mobile): Menu exibido em dispositivos m\u00f3veis, acess\u00edvel pelo \u00edcone de hamburguer. Menu Principal (header): Menu exibido no cabe\u00e7alho do site em telas desktop. Rodap\u00e9 (footer): Menu exibido na parte inferior do site. Adicionar Itens ao Menu O painel esquerdo &#8220;Adicionar itens no menu&#8221; lista todas as p\u00e1ginas dispon\u00edveis no sistema. Para adicionar uma ou mais p\u00e1ginas ao menu: Marque o checkbox ao lado da p\u00e1gina desejada (ou use &#8220;Selecionar todos&#8221; para marcar todas de uma vez). Clique no bot\u00e3o laranja &#8220;Adicionar ao menu&#8221; para mover os itens selecionados para a estrutura do menu. Use a aba Pesquisar para encontrar p\u00e1ginas pelo nome rapidamente. Al\u00e9m das p\u00e1ginas, a se\u00e7\u00e3o Links Personalizados permite adicionar qualquer URL externa ou interna ao menu, definindo a URL e o texto que aparecer\u00e1 no menu. Editar Itens do Menu No painel direito &#8220;Estrutura do menu&#8221;, cada item pode ser expandido clicando na seta (\u25bc) do lado direito para revelar as op\u00e7\u00f5es de configura\u00e7\u00e3o individuais: R\u00f3tulo de navega\u00e7\u00e3o: O texto que ser\u00e1 exibido no menu. Por padr\u00e3o usa o nome da p\u00e1gina, mas pode ser personalizado (ex.: trocar &#8220;Sobre n\u00f3s&#8221; por &#8220;Quem somos&#8221;). URL: O link de destino do item. Pode ser editado livremente para apontar para qualquer endere\u00e7o. Abrir em nova aba: Checkbox opcional. Quando marcado, o link abre em uma nova janela\/aba do navegador. Remover: Remove o item permanentemente do menu. Cancelar: Descarta as altera\u00e7\u00f5es feitas no item. Salvar: Salva as altera\u00e7\u00f5es do item individual. Para reordenar os itens do menu, basta arrastar pelo \u00edcone de grade (\u2630\u2630) no canto esquerdo de cada item e solt\u00e1-lo na posi\u00e7\u00e3o desejada. A ordem visual reflete diretamente a ordem de exibi\u00e7\u00e3o no site. Para remover v\u00e1rios itens de uma vez, marque o checkbox &#8220;Sele\u00e7\u00e3o em massa&#8221;, selecione os itens e remova-os em lote. Configura\u00e7\u00f5es do Menu (Posi\u00e7\u00e3o de Exibi\u00e7\u00e3o) Ao final do painel de estrutura, a se\u00e7\u00e3o &#8220;Configura\u00e7\u00f5es do menu&#8221; permite definir em qual posi\u00e7\u00e3o o menu ser\u00e1 exibido no site: Menu Principal (Header): O menu \u00e9 exibido no cabe\u00e7alho do site (navega\u00e7\u00e3o principal desktop). Menu do Rodap\u00e9: O menu \u00e9 exibido na parte inferior do site. Nenhum (Apenas salvo): O menu \u00e9 salvo no sistema mas n\u00e3o exibido em nenhuma posi\u00e7\u00e3o (\u00fatil para manter menus de reserva). Ap\u00f3s definir a posi\u00e7\u00e3o, clique em &#8220;Salvar menu&#8221; para aplicar todas as altera\u00e7\u00f5es. O bot\u00e3o &#8220;Excluir menu&#8221; remove permanentemente o menu selecionado e todos os seus itens. Dicas importantes Cada posi\u00e7\u00e3o (Header, Rodap\u00e9, Mobile) s\u00f3 pode ter um menu ativo por vez. Ao atribuir um novo menu a uma posi\u00e7\u00e3o, o anterior \u00e9 desvinculado automaticamente. O Menu Mobile \u00e9 independente do Menu Principal \u2014 isso permite ter um menu simplificado para celulares com apenas as p\u00e1ginas mais importantes. Use Links Personalizados para adicionar links externos, como redes sociais ou aplicativos de streaming. O R\u00f3tulo de navega\u00e7\u00e3o de cada item \u00e9 independente do nome da p\u00e1gina \u2014 voc\u00ea pode deixar o t\u00edtulo interno da p\u00e1gina longo e usar uma vers\u00e3o curta no menu. Lembre-se sempre de clicar em &#8220;Salvar menu&#8221; ap\u00f3s qualquer altera\u00e7\u00e3o para que as mudan\u00e7as sejam aplicadas ao site.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1680","post","type-post","status-publish","format-standard","hentry","category-v6"],"_links":{"self":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/comments?post=1680"}],"version-history":[{"count":1,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1680\/revisions"}],"predecessor-version":[{"id":1681,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1680\/revisions\/1681"}],"wp:attachment":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/media?parent=1680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/categories?post=1680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/tags?post=1680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}