Quando o sistema de menus de navegação foi lançado com o WordPress 3.0, este foi um dos fatores que transformou o WordPress de uma plataforma de blog em um CMS poderoso.

Isso significa que você pode adicionar qualquer conteúdo que desejar aos menus de navegação do seu site, incluindo links personalizados. A interface "arrastar e soltar" significava que qualquer um poderia criar seu próprio menu personalizado sem qualquer habilidade de codificação.

Mas às vezes você não quer confiar nisso. Se você estiver desenvolvendo um site para um cliente que vai adicionar páginas ao site dele, é improvável que ele atualize o (s) menu (s) de navegação quando tiver ou não tiver as habilidades necessárias. .

Portanto, é aqui que um menu de navegação automatizado é útil.

Neste tutorial, mostrarei como criar um menu de navegação automatizado que exibe todas as páginas do seu site, bem como as páginas filho exibidas como entradas de segundo nível no menu de navegação.

Você pode então adicionar este código ao cabeçalho da página, barra lateral ou rodapé do seu tema, se desejar, e isso mostrará os links dos usuários que são atualizados automaticamente quando novo conteúdo é adicionado ao seu site.

Mas, 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.

Aqui está o que você precisa para automatizar os menus de navegação do WordPress:

• Uma instalação de desenvolvimento ou teste do WordPress, com algumas páginas e subpáginas adicionadas
• Um editor de código.

código de configuração

Vou adicionar esse código a um plug-in para que ele seja permanente, mesmo que eu mude o tema do WordPress. Dessa forma, posso adicionar a função do meu plug-in no meu tema para adicionar o menu de navegação onde desejar. Se o seu tema WordPress tiver " ganchos Você pode usar um ou mais para injetar esse código.

Veja também nossa lista de 10 WordPress plugins para criar uma contagem regressiva

Se você estiver trabalhando com um tema WordPress de terceiros que não tenha ganchos, será necessário adicionar o código ao tema. Não o codifique diretamente no tema: em vez disso, crie um tema filho e adicione seu código a ele. Basta criar uma duplicata do arquivo de modelo de tema a partir do tema principal que deseja editar, adicioná-lo ao seu tema filho e editá-lo.

primeiro passo

O primeiro passo é criar o plugin. Eu crio uma pasta em " wp-content/plugins " Criar uma pasta significa que posso adicionar mais arquivos ao plug-in no futuro, se for necessário, como uma folha de estilo ou incluir arquivos.

Primeiro, você precisa adicionar o código de login do seu plugin, nos comentários, para dizer ao WordPress o que é:

<?php
/**
 *Nome do plug-in:Plugin
 * URI do plug-in: http://blogpascher.com
 * Descrição: Plug-in WordPress
 * Versão: 1.0
 *Autor: Hervé
 * URI do autor: http://blogpascher.com
 *
 */

Agora ativar o seu plugin.

Então, se você estiver usando um tema filho, configure-o. Estou usando o tema filho do tema Twenty Seventeen - aqui está minha folha de estilo:

<?php
/**
 *Nome do plug-in:Plugin
 * URI do plug-in: http://blogpascher.com
 * Descrição: Plug-in WordPress
 * Versão: 1.0
 *Autor: Hervé
 * URI do autor: http://blogpascher.com
 *
 */

@import url(" ../twentyseventeen/style.css ");

Depois de fazer isso, se o seu site ainda não tiver nenhuma página, adicione algumas. Eles devem ter uma estrutura em vários níveis. É assim que minhas páginas falsas se parecem:

Agora, vamos começar a adicionar o código ao plug-in.

Crie uma função para listar todas as páginas hierarquicamente

Vamos usar a função « wp_list_pages () Para recuperar todas as páginas e listá-las com links. Mas primeiro, precisamos definir alguns argumentos para isso. Comece criando sua função e adicione estes argumentos:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('profundidade' => 2); }

Os argumentos são muito simples - há apenas um para o nível de páginas que queremos fazer. Definir "2" significa que as páginas de nível superior e suas subpáginas serão exibidas, mas não mais.

Descubra o conexão 5 erros comuns e suas soluções no WordPress

Agora vamos adicionar a função "wp_list_pages ()" após os argumentos:

wp_list_pages ($ args);

Aqui está a função completa:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('profundidade' => 2); wp_list_pages ($ args); }

Adicionando a função ao tema

No momento, a função não mostra nada no meu site. Para mudar isso, precisamos adicionar uma cópia do cabeçalho do tema principal ao tema filho e editá-lo.

Veja também: Como proteger seu trabalho WordPress em sites de clientes

Comece copiando o arquivo de cabeçalho para o tema filho e abra-o. No Twenty Seventeen, o código do menu de navegação pode ser encontrado em " templates-parts / navigation / navigation-top.php O que significa que eu preciso adicionar uma cópia desse arquivo no mesmo local no meu tema filho.

Descubra para ir além Como instalar um tema criança WordPress

No seu tema, pode ser o arquivo header.php que deve ser copiado.

Dependendo do seu tema, o código do menu será diferente. No que estou usando, este é o código que preciso substituir:

'top', 'menu_id' => 'menu superior',)); ?>

Modifique o código do seu menu de navegação para adicionar uma nova função, com o código existente na declaração "else {}":

'top', 'menu_id' => 'menu superior',)); }?>

As declarações condicionais são importantes: primeiro, ele verifica se a função que você adicionou ao seu plugin está presente (ou seja, se o plugin estiver ativado) e, em caso afirmativo, executa a função a partir disso. Caso contrário, funciona normalmente.

Veja também nosso guia sobre Como exibir blocos de anúncios em WordPress

Agora olhe para o meu site:

Os links aparecem, mas há alguns problemas. Eu não quero "Páginas" exibidas no topo (qual é o padrão para a função wp_list_pages () ) e desejo ordenar as páginas com mais eficiência. Você verá que a página inicial está no meio da lista, o que não é o ideal.

Melhore a função

Vamos voltar ao código do plugin e adaptá-lo para corrigir esses problemas.

Encontre os argumentos que você já definiu para wp_list_pages ():

$ args = array ('profundidade' => 2);

E edite-o:

$ args = array ($ args = array ('profundidade' => 2, 'title_li' => ' '. __ ('Menu', 'bpc'). ' ',' classificar_coluna '=>' ordem do menu ');

Isso adiciona dois argumentos adicionais:

• A marcação antes da lista, que agora diz " Menu Em vez de PÁGINAS ".
• A ordem em que as páginas são exibidas.

Você deve retornar às telas de edição de suas páginas e definir a ordem das páginas para cada uma delas. Defina sua página inicial com um valor de "0" e outras páginas de nível superior são mais altas do que essas. 

Leia também o nosso guia sobre : Como carregar gradualmente os comentários do Facebook e Disqus

Agora, quando você exibir o menu, ele ficará assim:

Você também pode alterar a ordem do menu das páginas de segundo nível. Isso nunca aparecerá acima das páginas de nível superior, portanto, você pode começar em 0 ou 1 para cada conjunto de subpáginas.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar a conexão com seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Gravidade Formas

Como proprietário de uma empresa, permitir que seus clientes entrem em contato com você deve ser sua prioridade. Formas de gravidade é o plug-in de formulário de contato o mais popular no WordPress.

Você pode usá-lo para crie qualquer tipo de formulário, como um formulário de cotação, pesquisas e muito mais.

Descarregar | Demo | hospedagem na web

2. eForm

eForm é um criador de formulários avançado e flexível que pode ser integrado a um site WordPress existente. É uma solução completa de gerenciamento de formulários. Isso envolve, entre outras coisas, questionários, pesquisas, coleta de dados, estimativa de pagamento e comentários do usuário.

Com esse designer de formulário, você pode criar formulários de maneira ilimitada e gerenciá-los no seu painel. Todas as solicitações são armazenadas em seu banco de dados, você poderá ver, rastrear, analisar e agir sobre os dados que salvou.

Leia também nosso artigo sobre Como o marketing de conteúdo afeta o SEO do seu blog

Além disso, um portal de usuário permite que usuários registrados também revisem e rastreiem suas solicitações.

Descarregar | Demo | hospedagem na web

3. Mailster

Mailster é um WordPress Plugin premium fácil de usar que o ajudará a integrar um boletim informativo em seu site. Com este último, você poderá criar, enviar e acompanhar suas campanhas sem muita complicação.

Suas principais características são: a capacidade de rastrear e-mails abertos, cliques, assinaturas e taxas de rejeição, a capacidade de direcionar suas campanhas, gerenciamento e planejamento de campanhas, suporte para 6 tipos de resposta automática, criação ilimitada formulários de registro, uma interface amigável, personalização do fundo, suporte para multilingueE muito mais.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

• 8 WordPress plugins para criar um megamenu no seu blog
• Como exibir artigos recentes no WordPress
• Como criar uma apresentação de slides com Slider Revolution no WordPress
• Como exibir blocos de anúncios em WordPress

Conclusão

Aqui está ! Isso é tudo para este tutorial, espero que permita adicionar páginas automaticamente aos seus menus. Se você tiver alguma dúvida ou sugestão nessa área, vamos nos encontrar em a seção de comentários para discutir.

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 ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...