{"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-10-07T15:24:10","modified_gmt":"2026-10-07T15:24:10","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":"

O que \u00e9 a se\u00e7\u00e3o Menus?<\/h2>\n

A se\u00e7\u00e3o Menus<\/strong> (?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: cabe\u00e7alho (header)<\/strong>, rodap\u00e9 (footer)<\/strong> e 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

\"Tela<\/p>\n

Selecionar e Criar Menus<\/h2>\n

No topo da p\u00e1gina h\u00e1 um dropdown “Selecione um menu para editar”<\/strong> que lista todos os menus criados, e um link “criar um novo menu”<\/strong> para criar um menu do zero. Ao clicar neste link, o painel direito exibe apenas o campo “Nome do menu” vazio para que o administrador defina o nome e salve antes de adicionar itens.<\/p>\n

\"Dropdown<\/p>\n

O sistema j\u00e1 possui por padr\u00e3o tr\u00eas menus pr\u00e9-configurados<\/strong>:<\/p>\n

    \n
  • Menu Mobile (mobile)<\/strong>: Menu exibido em dispositivos m\u00f3veis, acess\u00edvel pelo \u00edcone de hamburguer.<\/li>\n
  • Menu Principal (header)<\/strong>: Menu exibido no cabe\u00e7alho do site em telas desktop.<\/li>\n
  • Rodap\u00e9 (footer)<\/strong>: Menu exibido na parte inferior do site.<\/li>\n<\/ul>\n

    Adicionar Itens ao Menu<\/h2>\n

    O painel esquerdo “Adicionar itens no menu”<\/strong> lista todas as p\u00e1ginas dispon\u00edveis no sistema. Para adicionar uma ou mais p\u00e1ginas ao menu:<\/p>\n

    \"Adicionar<\/p>\n

      \n
    • Marque o checkbox ao lado da p\u00e1gina desejada (ou use “Selecionar todos”<\/strong> para marcar todas de uma vez).<\/li>\n
    • Clique no bot\u00e3o laranja “Adicionar ao menu”<\/strong> para mover os itens selecionados para a estrutura do menu.<\/li>\n
    • Use a aba Pesquisar<\/strong> para encontrar p\u00e1ginas pelo nome rapidamente.<\/li>\n<\/ul>\n

      Al\u00e9m das p\u00e1ginas, o painel esquerdo tamb\u00e9m permite adicionar Links Personalizados<\/strong> \u2014 veja o passo a passo logo abaixo.<\/p>\n

      Links Personalizados: Como Adicionar um Link Externo ou Interno<\/h2>\n

      Use os Links Personalizados<\/strong> quando quiser colocar no menu um endere\u00e7o que n\u00e3o \u00e9 uma p\u00e1gina do sistema: o site de um patrocinador, uma rede social (Instagram, WhatsApp, YouTube), um aplicativo de streaming, uma p\u00e1gina de promo\u00e7\u00e3o em outro dom\u00ednio ou qualquer URL do pr\u00f3prio site. Para criar:<\/p>\n

      \"Painel<\/p>\n

        \n
      1. No painel esquerdo “Adicionar itens no menu”<\/strong>, clique em “Links Personalizados”<\/strong> para abrir o formul\u00e1rio.<\/li>\n
      2. No campo URL<\/strong>, digite ou cole o endere\u00e7o completo, come\u00e7ando com https:\/\/<\/code> (ex.: https:\/\/www.seusite.com.br\/promocao<\/code>).<\/li>\n
      3. No campo Texto do Link<\/strong>, digite o nome que aparecer\u00e1 no menu (ex.: Promo\u00e7\u00e3o Especial<\/em>).<\/li>\n
      4. Clique no bot\u00e3o laranja “Adicionar ao menu”<\/strong> do pr\u00f3prio formul\u00e1rio. Uma mensagem “Item adicionado ao menu!”<\/em> ser\u00e1 exibida.<\/li>\n
      5. O link aparece no final da Estrutura do menu<\/strong> (lado direito). Arraste-o para a posi\u00e7\u00e3o desejada, entre os demais itens.<\/li>\n
      6. Se quiser que o link abra em outra aba, siga a pr\u00f3xima se\u00e7\u00e3o (Abrir em nova aba<\/em>). Ao terminar, clique em “Salvar menu”<\/strong>.<\/li>\n<\/ol>\n

        \"Exemplo<\/p>\n

        Editar Itens do Menu<\/h2>\n

        No painel direito “Estrutura do menu”<\/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

        \"Item<\/p>\n

          \n
        • 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 “Sobre n\u00f3s” por “Quem somos”).<\/li>\n
        • URL<\/strong>: O link de destino do item. Pode ser editado livremente para apontar para qualquer endere\u00e7o.<\/li>\n
        • Abrir em nova aba<\/strong>: Checkbox opcional. Quando marcado, o link abre em uma nova janela\/aba do navegador.<\/li>\n
        • Remover<\/strong>: Remove o item permanentemente do menu.<\/li>\n
        • Cancelar<\/strong>: Descarta as altera\u00e7\u00f5es feitas no item.<\/li>\n
        • Salvar<\/strong>: Salva as altera\u00e7\u00f5es do item individual.<\/li>\n<\/ul>\n

          Para 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

          Para remover v\u00e1rios itens de uma vez<\/strong>, marque o checkbox “Sele\u00e7\u00e3o em massa”<\/strong>, selecione os itens e remova-os em lote.<\/p>\n

          Opcional: Abrir o Link em Nova Aba<\/h3>\n

          Por padr\u00e3o, o link abre na mesma aba do navegador, tirando o visitante do site da r\u00e1dio. Para links externos, o ideal \u00e9 que a p\u00e1gina abra em uma nova aba<\/strong>, mantendo o site (e o player) aberto:<\/p>\n

            \n
          1. Na Estrutura do menu<\/strong>, clique na seta (\u25bc) \u00e0 direita do item de link personalizado para expandi-lo.<\/li>\n
          2. Marque a caixa “Abrir em nova aba”<\/strong>.<\/li>\n
          3. Clique em “Salvar”<\/strong> dentro do pr\u00f3prio item para confirmar a op\u00e7\u00e3o. Se clicar em Cancelar<\/em>, a altera\u00e7\u00e3o \u00e9 descartada.<\/li>\n
          4. Por fim, clique em “Salvar menu”<\/strong> no final da p\u00e1gina.<\/li>\n<\/ol>\n

            \"Item<\/p>\n

            Voc\u00ea tamb\u00e9m pode editar aqui o R\u00f3tulo de navega\u00e7\u00e3o<\/strong> e a URL<\/strong> do link a qualquer momento, ou usar Remover<\/strong> para exclu\u00ed-lo do menu.<\/p>\n

            Configura\u00e7\u00f5es do Menu (Posi\u00e7\u00e3o de Exibi\u00e7\u00e3o)<\/h2>\n

            Ao final do painel de estrutura, a se\u00e7\u00e3o “Configura\u00e7\u00f5es do menu”<\/strong> permite definir em qual posi\u00e7\u00e3o o menu ser\u00e1 exibido no site:<\/p>\n

            \"Configura\u00e7\u00f5es<\/p>\n

              \n
            • Menu Principal (Header)<\/strong>: O menu \u00e9 exibido no cabe\u00e7alho do site (navega\u00e7\u00e3o principal desktop).<\/li>\n
            • Menu do Rodap\u00e9<\/strong>: O menu \u00e9 exibido na parte inferior do site.<\/li>\n
            • 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

              Ap\u00f3s definir a posi\u00e7\u00e3o, clique em “Salvar menu”<\/strong> para aplicar todas as altera\u00e7\u00f5es. O bot\u00e3o “Excluir menu”<\/strong> remove permanentemente o menu selecionado e todos os seus itens.<\/p>\n

              Dicas importantes<\/h2>\n
                \n
              • Cada posi\u00e7\u00e3o (Header, Rodap\u00e9, Mobile) s\u00f3 pode ter um menu ativo<\/strong> por vez. Ao atribuir um novo menu a uma posi\u00e7\u00e3o, o anterior \u00e9 desvinculado automaticamente.<\/li>\n
              • O 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
              • Use Links Personalizados<\/strong> para adicionar links externos, como redes sociais, site de patrocinadores ou aplicativos de streaming \u2014 e marque “Abrir em nova aba”<\/strong> nesses casos para que o ouvinte n\u00e3o saia do site da r\u00e1dio.<\/li>\n
              • O 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
              • Lembre-se sempre de clicar em “Salvar menu”<\/strong> ap\u00f3s qualquer altera\u00e7\u00e3o para que as mudan\u00e7as sejam aplicadas ao site.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                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 “Selecione um menu para editar” que lista todos os menus criados, e um link “criar um novo menu” para criar um menu do zero. Ao clicar neste link, o painel direito exibe apenas o campo “Nome do menu” 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 “Adicionar itens no menu” 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 “Selecionar todos” para marcar todas de uma vez). Clique no bot\u00e3o laranja “Adicionar ao menu” 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, o painel esquerdo tamb\u00e9m permite adicionar Links Personalizados \u2014 veja o passo a passo logo abaixo. Links Personalizados: Como Adicionar um Link Externo ou Interno Use os Links Personalizados quando quiser colocar no menu um endere\u00e7o que n\u00e3o \u00e9 uma p\u00e1gina do sistema: o site de um patrocinador, uma rede social (Instagram, WhatsApp, YouTube), um aplicativo de streaming, uma p\u00e1gina de promo\u00e7\u00e3o em outro dom\u00ednio ou qualquer URL do pr\u00f3prio site. Para criar: No painel esquerdo “Adicionar itens no menu”, clique em “Links Personalizados” para abrir o formul\u00e1rio. No campo URL, digite ou cole o endere\u00e7o completo, come\u00e7ando com https:\/\/ (ex.: https:\/\/www.seusite.com.br\/promocao). No campo Texto do Link, digite o nome que aparecer\u00e1 no menu (ex.: Promo\u00e7\u00e3o Especial). Clique no bot\u00e3o laranja “Adicionar ao menu” do pr\u00f3prio formul\u00e1rio. Uma mensagem “Item adicionado ao menu!” ser\u00e1 exibida. O link aparece no final da Estrutura do menu (lado direito). Arraste-o para a posi\u00e7\u00e3o desejada, entre os demais itens. Se quiser que o link abra em outra aba, siga a pr\u00f3xima se\u00e7\u00e3o (Abrir em nova aba). Ao terminar, clique em “Salvar menu”. Editar Itens do Menu No painel direito “Estrutura do menu”, 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 “Sobre n\u00f3s” por “Quem somos”). 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 “Sele\u00e7\u00e3o em massa”, selecione os itens e remova-os em lote. Opcional: Abrir o Link em Nova Aba Por padr\u00e3o, o link abre na mesma aba do navegador, tirando o visitante do site da r\u00e1dio. Para links externos, o ideal \u00e9 que a p\u00e1gina abra em uma nova aba, mantendo o site (e o player) aberto: Na Estrutura do menu, clique na seta (\u25bc) \u00e0 direita do item de link personalizado para expandi-lo. Marque a caixa “Abrir em nova aba”. Clique em “Salvar” dentro do pr\u00f3prio item para confirmar a op\u00e7\u00e3o. Se clicar em Cancelar, a altera\u00e7\u00e3o \u00e9 descartada. Por fim, clique em “Salvar menu” no final da p\u00e1gina. Voc\u00ea tamb\u00e9m pode editar aqui o R\u00f3tulo de navega\u00e7\u00e3o e a URL do link a qualquer momento, ou usar Remover para exclu\u00ed-lo do menu. Configura\u00e7\u00f5es do Menu (Posi\u00e7\u00e3o de Exibi\u00e7\u00e3o) Ao final do painel de estrutura, a se\u00e7\u00e3o “Configura\u00e7\u00f5es do menu” 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 “Salvar menu” para aplicar todas as altera\u00e7\u00f5es. O bot\u00e3o “Excluir menu” 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, site de patrocinadores ou aplicativos de streaming \u2014 e marque “Abrir em nova aba” nesses casos para que o ouvinte n\u00e3o saia do site da r\u00e1dio. 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 “Salvar menu” 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":2,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1680\/revisions"}],"predecessor-version":[{"id":1850,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1680\/revisions\/1850"}],"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}]}}