Quer saber como adicionar menu de navegação personalizado no WordPress? Por padrão, muitos Temas do WordPress oferecem locais e layouts de menu predefinidos.
Neste tutorial, mostraremos como adicionar outros menus de navegação ao seu tema WordPress.
Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
Quando você precisará adicionar um menu personalizado ao seu tema WordPress?
A maior parte das Temas do WordPress fornece pelo menos um local onde você pode exibir os links de navegação do seu site em um menu.
Você pode gerenciar itens de menu a partir de uma interface fácil de usar em seu painel do WordPress.
Descubra também o nosso Plugins WordPress 10 premium criados para criar menus
Este tutorial é voltado para usuários que gostam de DIY ou para aqueles que precisam adicionar um slot extra em seu Temas do WordPress.
Dito isso, vamos dar uma olhada em como adicionar menus de navegação personalizados em um tema WordPress.
Criando um menu personalizado no WordPress
Os menus de navegação são um recurso dos temas do WordPress. Cada tema do WordPress pode definir seus próprios locais de menu.
Para adicionar um menu de navegação personalizado, a primeira coisa que você precisa fazer é registrar seu novo menu de navegação adicionando este código ao arquivo functions.php do seu tema WordPress.
função bpc_custom_new_menu () {register_nav_menu ('meu-menu-personalizado', __ ('meu menu personalizado')); } add_action ('init', 'bpc_custom_new_menu');
Você pode ir para " Aparência> Menus "Em painel do WordPress e tente criar ou editar um novo menu. Você veráMeu menu personalizadoComo uma opção no local do menu.
Se você deseja adicionar mais de um novo local do menu de navegação, você precisa usar um código como este:
function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');
Depois de adicionar o local do menu, teste seu menu e adicione alguns itens no painel do WordPress.
Isso nos permitirá ir para a próxima etapa, que é exibir o menu em nosso site WordPress.
Visualizando um menu personalizado no WordPress
Agora precisamos exibir o novo menu de navegação em seu tema WordPress. O local mais comum onde os menus de navegação são normalmente colocados é na seção do cabeçalho de um site, logo após o título ou logotipo do site.
No entanto, você pode adicionar seu menu de navegação onde quiser.
Você deve adicionar esse código no arquivo de modelo do seu tema WordPress, onde deseja exibir seu menu.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
A localização do tema WordPress é o nome que escolhemos na etapa anterior.
A classe container é a classe CSS que será adicionada ao seu menu de navegação. Seu menu aparecerá como uma simples lista com marcadores no seu site.
Você pode usar a classe CSS " custom_menu_class Para o estilo dos seus menus. Aqui está um exemplo de código CSS para você começar:
div.custom classe de menu-ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom menu de classe li {padding: 20px; display: inline; }
Se precisar de ajuda com CSS e layout de menu, recomendamos o uso de um desses temas iniciais do WordPress para criar seus temas personalizados.
Crie menus para celular
Nós detalhamos isso em um tutorial anterior, como fazer menus para celular.
Vimos como esses menus podem ser convenientes para o seu tráfego móvel.
Descubra também alguns temas e plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. Doação de Woocommerce
Aceite através desta extensão doações em seu site WooCommerce com valores especificados pelos clientes. Eles serão capazes de dar o quanto quiserem. Cada doação pode ser apresentada como qualquer produto WooCommerce normal.
Se o cliente pular a página do carrinho ou for diretamente para o checkout sem doar, um link aparecerá acima da página de checkout para que ele possa doar.
Cada etapa do uso da Doação WooCommerce é explicada em uma documentação com capturas de tela. Basta ativar o plugin e você encontrará o campo "Adicionar doação" no carrinho.
Descarregar | Demo | hospedagem na web
2. Calendarize-o!
Com o WordPress Plugin Calendarize It! personalizar o design do calendário é particularmente fácil com o Editor Visual gratuito. O plug-in inclui filtragem avançada, com base em muitas taxonomias, como tempo, organizador e localização. Você pode listar eventos com base em dias, meses ou anos e ver os próximos eventos por meio de widgets.
O plug-in também oferece suporte ao gerenciamento de funções do usuário, tipos de postagem personalizados, vários códigos de acesso e campos personalizados para eventos. Ele também possui vários módulos pagos a US $ 15 cada, que incluem opções de pagamento, opções de publicidade, pontuação de eventos e reservas, críticas e muito mais.
Suas características incluem: Importação de eventos em formato CSV, exibição de eventos por ano, contagem regressiva de eventos, suporte para várias opções de pagamento, suporte para opções de publicidade, compartilhamento em redes sociais, o formulário de reserva intuitivo, etc….
Descarregar | Demo | hospedagem na web
3. Diretório final PRO
Directory ultimate PRO é um WordPress Plugin premium que permite criar qualquer tipo de diretório na internet. Ele pode ser integrado a qualquer tema do WordPress e pode ser personalizado de acordo com suas necessidades. Ele mostra seu recurso de pesquisa personalizado, que é um dos principais recursos dos sites desse nicho.
A sua barra de pesquisa permite adicionar filtros personalizados e escolher o estilo de pesquisa, e por último que se adapta perfeitamente ao seu site.
Como recursos, oferece entre outros: um layout 100% responsivo, uma busca personalizável, 3 formas de exibir seu diretório, otimização para navegação móvel, excelente SEO, compatibilidade com a maioria dos navegadores modernos, e mais
Descarregar | Demo | hospedagem na web
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- Como integrar o Google Forms WordPress
- Como excluir corretamente uma página no WordPress
- 8 WordPress plugins para criar um megamenu no seu blog
- Plugins 6 WordPress para garantir a conformidade com o GDPR de um blog
Conclusão
Voila! É isso neste tutorial. Esperamos que o último permita que você adicione um menu de navegação personalizado ao seu blog ou site do WordPress.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.
Diga-nos o que você pensa sobre este tutorial e não hesite em compartilhe com seus amigos em suas redes sociais favoritas.
...