Quer saber como editar a barra de navegação no WordPress? A resposta curta é que você pode fazer isso com o editor de menu integrado ou com um construtor de arrastar e soltar como o SeedProd.
Sua barra de navegação é uma das primeiras coisas que os visitantes veem. Ao editá-la, você pode adicionar links, criar botões e personalizar o design para que as pessoas possam navegar facilmente pelo site.
Neste guia, mostrarei duas maneiras simples de editar o menu do WordPress. A primeira usa o SeedProd para controle total do design, e a segunda usa as configurações padrão do WordPress para edições rápidas.
Por que editar seu menu do WordPress?
A edição da barra de navegação do WordPress torna seu site mais fácil de usar e mais eficaz na conversão de visitantes. Um menu claro ajuda as pessoas a encontrar rapidamente o conteúdo certo, o que as mantém no site por mais tempo e aumenta as inscrições ou as vendas.
Por padrão, o WordPress cria um menu com suas páginas publicadas. Mas você pode personalizá-lo com links para postagens de blog, páginas de produtos, categorias ou sites externos. Isso transforma um menu básico em uma ferramenta poderosa para orientar os usuários pelo seu site.
Por exemplo, você pode adicionar um link para sua página de inscrição de e-mail, uma página de loja ou destacar as categorias mais populares do seu blog. Você também pode adicionar botões, ícones ou menus suspensos para obter uma aparência refinada.
Em resumo, a personalização da barra de navegação melhora a experiência do usuário e ajuda a atingir as metas do site mais rapidamente.
Como editar a barra de navegação no WordPress: 2 métodos
Você pode editar sua barra de navegação do WordPress de duas maneiras: com um construtor do tipo arrastar e soltar, como o SeedProd, ou com o editor de menu integrado do WordPress. Ambos são fáceis de usar para iniciantes, mas oferecem diferentes níveis de personalização.
Se quiser ter controle total do design sem codificação, o SeedProd é a melhor opção. Ele permite que você crie menus, adicione botões e estilize tudo visualmente. Se você prefere edições rápidas e não precisa de opções avançadas de design, as configurações padrão do menu do WordPress funcionam bem.
Método 1. Como editar a barra de navegação no WordPress com o SeedProd
A maneira mais simples de editar sua barra de navegação do WordPress é com o SeedProd. Ele é um construtor do tipo arrastar e soltar que permite criar menus, adicionar botões e personalizar o estilo sem escrever código.
Com o SeedProd, você pode criar temas personalizados do WordPress, criar páginas de destino e editar elementos de todo o site, como cabeçalhos e menus, em um só lugar. O bloco Nav Menu facilita apontar, clicar e editar sua barra de navegação visualmente.
Além dos menus, o SeedProd também ajuda você:
- Crie uma página de "Em breve
- Ativar o modo de manutenção
- Criar páginas 404 e de login personalizadas
- Incorporar conteúdo de mídia social
- Projetar lojas WooCommerce
A seguir, vamos editar passo a passo a barra de navegação do WordPress com o SeedProd.
Etapa 1. Instalar o plug-in SeedProd
Para editar sua barra de navegação do WordPress com o SeedProd, primeiro instale e ative o plug-in. Acesse a página de preços do SeedProd, escolha um plano e faça o download do plug-in no painel de controle da sua conta.
Em seguida, carregue o plug-in em seu site do WordPress e clique em Activate (Ativar). Em seguida, vá para SeedProd " Settings, cole sua chave de licença e clique em Verify Key para desbloquear o recurso Theme Builder.
Agora, vá para SeedProd " Theme Builder em seu painel do WordPress para começar a criar seu tema e menu personalizados.
Observação: se não quiser substituir o tema, você ainda poderá editar uma barra de navegação no SeedProd criando uma página de destino e personalizando seu cabeçalho.
Etapa 2. Escolha um modelo de tema do WordPress
A maneira mais rápida de configurar sua barra de navegação no SeedProd é começar com um modelo de tema WordPress predefinido. Cada modelo inclui todas as partes de um site - cabeçalho, rodapé, página inicial e blog - de modo que você só precisa personalizar o design.
No painel do Theme Builder, clique em Themes (Temas ) para abrir a galeria de modelos. Você pode visualizar os designs em uma nova guia e escolher um que se adapte ao seu negócio.
Para este tutorial, usaremos o tema Car Maintenance, mas você pode escolher qualquer modelo. Clique na marca de seleção laranja para importá-lo para seu site.
Depois de importado, o SeedProd cria automaticamente a estrutura do seu site, incluindo o cabeçalho, o rodapé e as páginas do blog. Agora você pode abrir qualquer parte no editor de arrastar e soltar para começar a personalizar.
Etapa 3. Personalizar a parte do modelo de cabeçalho
Sua barra de navegação fica dentro do modelo de cabeçalho. Os temas pré-fabricados do SeedProd geralmente adicionam uma barra automaticamente, portanto, tudo o que você precisa fazer é abrir o cabeçalho e personalizá-lo.
Para editar o cabeçalho, passe o mouse sobre o modelo Header (Cabeçalho) no Theme Builder e clique em Edit Design (Editar design). Isso abre o editor de arrastar e soltar em tempo real.
Clique em qualquer elemento na visualização para editá-lo. O painel de configurações aparece à esquerda, onde você pode alterar o texto, o estilo e a funcionalidade.
Por exemplo, clique no bloco do logotipo para excluir o logotipo do espaço reservado e carregar o seu próprio logotipo da biblioteca de mídia do WordPress.
Também é possível arrastar novos blocos - como ícones de mídia social, uma barra de pesquisa ou botões personalizados - para o cabeçalho para expandir a barra de navegação.
Com os conceitos básicos de edição de cabeçalho cobertos, você está pronto para personalizar o menu de navegação na próxima etapa.
Etapa 4. Editar sua barra de navegação do WordPress
O SeedProd usa um bloco Nav Menu para exibir a navegação do seu site. Esse bloco oferece duas maneiras de gerenciar menus: uma opção simples para links rápidos ou uma opção de menu do WordPress para controle avançado.
Opção 1: Menu simples - Adicione links diretamente no construtor para qualquer página, post, categoria, tag ou URL externo. É rápido de configurar, mas não oferece suporte a menus suspensos ou menus existentes do WordPress.
Você pode estilizar o menu Simples com opções de alinhamento, tamanho da fonte, espaçamento e divisores. Na guia Advanced, alterne entre layouts horizontais ou verticais e ajuste a tipografia, as cores e as bordas.
Opção 2: Menu do WordPress - Selecione um menu que você já tenha criado no WordPress no menu suspenso. Essa opção oferece suporte à navegação móvel e herda a flexibilidade do editor de menu integrado do WordPress.
Você também verá um link rápido para a página padrão do menu do WordPress, onde poderá ajustar o layout. Assim como no menu Simples, a guia Avançado permite personalizar fontes, cores, sombras, visibilidade por dispositivo e muito mais.
Como adicionar um botão de menu no WordPress
Um botão de menu é uma ótima maneira de destacar ações como "Sign Up" ou "Get Started". No SeedProd, você pode adicionar um botão com o bloco Button.
Na barra lateral esquerda, arraste o bloco Button para o cabeçalho. Em seguida, personalize o texto, o link e o estilo da chamada para ação diretamente no painel de configurações.
Dica profissional: Remova os elementos desnecessários passando o mouse sobre eles e clicando no ícone da lixeira.
Quando o menu estiver do jeito que você quer, clique em Save (Salvar) no canto superior direito e feche o editor para voltar ao painel do Theme Builder.
Você pode repetir esse mesmo processo para personalizar outras partes do seu tema do WordPress.
Etapa 5. Publique seu tema personalizado do WordPress
Depois de editar o menu e os modelos de tema do WordPress, você está pronto para aplicar as alterações em seu site. Para fazer isso, localize o botão Ativar tema do SeedProd na página Theme Builder e coloque-o na posição "On".
Agora você pode acessar sua página inicial e ver seu novo menu de navegação personalizado.
Método 2. Editar menus no WordPress sem um plug-in
Se quiser manter o tema atual, você pode editar a barra de navegação com o editor de menus integrado do WordPress. Essa opção não precisa de plug-ins adicionais, mas as opções de design são limitadas e dependem do seu tema.
Para começar, vá para Appearance " Menus no painel do WordPress. Aqui você pode adicionar, remover e organizar links de menu.
Para adicionar novos itens, selecione as páginas no painel esquerdo e clique em Add to Menu (Adicionar ao menu). Também é possível incluir posts, categorias, links personalizados ou tags expandindo suas seções.
Em seguida, escolha onde o menu será exibido em Menu Settings " Display Location. As opções variam de acordo com o tema e podem incluir:
- Menu principal
- Menu secundário
- Menu fora da tela
- Menu Conta de usuário
- Menu de rodapé
Clique em Save Menu quando terminar e, em seguida, visualize seu site para ver a barra de navegação atualizada em ação.
Para ter mais controle, você pode estilizar os menus com CSS personalizado. Consulte este guia sobre como estilizar menus de navegação do WordPress.
Próximas etapas
Espero que este tutorial passo a passo tenha ajudado você a aprender a editar menus no WordPress com facilidade. Se você tiver um site WooCommerce, talvez também goste deste guia sobre como adicionar um ícone de carrinho de compras WooCommerce nos menus.
Pronto para começar a personalizar os menus de seu site sem código?
Comece a usar o SeedProd hoje mesmo.
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.
