Como incorporar lógica condicional aos menus no WordPress

Publicados: 2022-07-27


Deseja exibir produtos de menu de navegação distintos para páginas da Web distintas no WordPress? Ou exibir um menu diversificado para compradores logados?

O WordPress permite que você apresente um menu de navegação em uma localidade única em seu tópico, mas, por padrão, geralmente mostrará claramente o menu semelhante.

Neste post, mostraremos claramente como incluir lógica condicional nos menus do WordPress.

How to Add Conditional Logic to Menus in WordPress

Por que aumentar a lógica condicional para menus no WordPress?

Os menus de navegação fornecem a composição do seu site WordPress e ajudam os visitantes do site a encontrar o que desejam. Por padrão, seu site WordPress exibirá o menu de navegação exato para todos os clientes e em todas as postagens e páginas da web.

No entanto, pode haver momentos em que você deseja exibir menus exclusivos na tela para vários usuários, ou em diferentes páginas da web em sua página da web.

Sites da Internet como uma loja de varejo on-line, uma comunidade de site de membros do WordPress ou um sistema de pesquisa on-line podem recompensar com menus de navegação personalizados.

Empregando lógica condicional, você pode aumentar os itens de menu adicionados para pessoas conectadas para que possam gerenciar suas contas, renovar suas assinaturas ou ver as aulas on-line que adquiriram. Você pode pensar nisso como controle de entrada de menu do WordPress.

Com isso dito, vamos ver como incluir lógica condicional nos menus do WordPress. Aqui estão os tópicos que abordaremos neste tutorial:

A etapa inicial é desenvolver os menus de navegação adicionados que você deseja exibir no WordPress. Depois disso, você pode usar a lógica condicional para decidir quando quase todos os menus serão mostrados.

Basicamente, vá para a página Aparência física » Menus no painel do WordPress. Se você já tem um menu de navegação que você usa em seu site para todos os usuários, então este pode ser seu menu padrão.

Main menu

Futuro, você tem que clicar no link do site 'criar um novo menu' para desenvolver um novo menu. Por exemplo, você pode criar um menu para exibir para usuários finais conectados e mais um para exibir em uma página ou classe do site WordPress selecionada.

No lado restante da tela, você pode ver uma lista das páginas do seu site. Basta verificar a caixa ao lado de qualquer site que você deseja adicionar ao seu menu e clicar no botão 'Adicionar ao menu'.

Logged in menu

Você também pode arrastar e soltar os itens de menu na faceta direita da tela para reorganizá-los.

Ainda mais abaixo no site, você pode escolher um local para mostrar seu cardápio. Mas você nunca precisa atribuir um lugar a este menu agora. Faremos isso na próxima fase.

Não se esqueça de clicar no botão 'Salvar Menu' para comprar suas variações.

Para obter mais informações sobre como gerar menus, você pode acessar nosso tutorial para iniciantes sobre como adicionar um menu de navegação no WordPress.

Muitas vezes, é útil exibir vários menus de navegação para os clientes, independentemente de eles terem feito login no seu site ou não.

Por exemplo, você pode incorporar hiperlinks de login e registro para clientes desconectados e aumentar um link de site de logout para seu menu para o menu conectado.

Ou se você estiver trabalhando em uma loja de varejo WooCommerce, poderá conter mercadorias para seus consumidores que estão ocultas do público padrão.

Primeiro, você precisa instalar e ativar o plugin Conditional Menus. Para muito mais detalhes, veja nossas informações passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisará dar uma olhada na página Aparência visual » Menus e mudar para a guia 'Gerenciar locais'.

Manage menu locations

Abaixo, você verá o registro dos locais de menu e os menus que são exibidos neste momento. Eles flutuarão dependendo do tópico do WordPress que você está utilizando.

Por exemplo, em nossa página de demonstração, está exibindo que nossa localidade de Menu mais importante está mostrando um menu de navegação intitulado 'Menu Principal'.

Podemos informar o plugin para mostrar um menu diferente quando uma aflição certa é correspondida clicando no hiperlink '+ Menu Condicional' e escolhendo outro menu no menu suspenso. Para este tutorial, selecionaremos 'Menu logado'.

Select logged in menu

A seguir, você precisa clicar no backlink '+ Condições'.

Isso exibirá um pop-up onde você verá um monte de situações para escolher.

Select logged in user aa the condition

Basta marcar a caixa futura para a opção 'Usuário logado' e, em seguida, clicar no botão 'Salvar'.

Agora você pode fazer uma visita ao seu site para ver o menu do consumidor conectado em ação. Você pode sair do seu site para ver o menu de navegação que é comprovado para todos os outros usuários.

Different menu for logged in users

Para obter instruções muito mais completas e dominar como fazer esse código de aplicação, dê uma olhada em nosso guia sobre como mostrar diversos menus para compradores logados no WordPress.

No momento em que uma pessoa faz login, você também pode exibir na tela um menu de navegação diversificado, dependendo da função de usuário que você atribuiu a ela.

Por exemplo, você pode incluir outros produtos de menu para um administrador e itens mínimos extras para um colaborador. Ou em uma página da Web de associação, você pode conceder diversas quantidades de acesso a várias faixas de associação.

Como na seção anterior, você precisa configurar e ativar o plug-in de menus condicionais, depois visitar a página Aparência física » Menus e mudar para a guia 'Gerenciar locais'.

Select the Conditional Menu

Você deve realmente incorporar o menu condicional adequado para a função de pessoa que você encontrará. Para este tutorial, escolhemos o menu 'Nav Menu Administrator'.

Depois disso, você precisará clicar no link '+ Condições' para poder escolher a posição do consumidor.

Select the Roles That Should See the Menu

Você terá que clicar na guia 'Funções de usuário' para ver as caixas de seleção para cada trabalho de consumidor em seu site. Basta clicar nas funções do consumidor que verão este menu e, em seguida, simplesmente clicar no botão 'Salvar'.

Você pode mostrar um menu diferente para páginas da Web exclusivas no WordPress. Por exemplo, você pode exibir outros produtos de menu em sua página de cobertura de privacidade, como um link de site para sua descoberta de cookies.

Para fazer isso, você precisa configurar e ativar o plug-in de menus condicionais, conforme mencionado anteriormente, depois optar pelo menu de navegação aceitável e clicar no backlink '+ Condições'.

Desta vez você deve realmente clicar na guia 'Páginas'. Você verá uma lista de todos os sites em seu site.

Select the Pages Where the Menu Should Be Displayed

Você deve colocar uma marca de seleção em cada página do site em que deseja exibir o menu de navegação e, em seguida, basta clicar no botão 'Salvar'.

Escondendo o menu de navegação nas páginas de destino da Internet no WordPress

Pode haver páginas em seu site onde você realmente não quer mostrar um menu de navegação, como suas páginas de destino.

Um site de destino é construído para aumentar os lucros ou fazer clientes em potencial para uma organização. Nessas páginas, você vai querer minimizar as distrações e apresentar aos clientes todos os detalhes que eles precisam ter para considerar uma ação específica.

Em nosso guia sobre como melhorar as conversões do seu site de destino em 300%, sugerimos que você possa diminuir as distrações retirando menus de navegação e outros hiperlinks da página da web.

Você pode fazer isso utilizando o plugin Conditional Menus. Ao decidir sobre o menu condicional, desta vez você precisa selecionar 'Desativar menu' no menu suspenso.

Select Disable Menu From the Drop Down

Em seguida, basta clicar na conexão '+ Condições' para escolher quando exibir o menu.

Você deve simplesmente clicar na guia 'Páginas' e colocar marcas de seleção futuras em suas páginas de destino.

Select the Pages Where the Navigation Menu Should Be Hidden

Nunca esqueça de clicar no botão 'Salvar' para armazenar suas configurações.

Os menus de navegação são um software de estrutura de rede mundial forte. Eles permitem que você encaminhe os usuários finais para as seções mais críticas de sua página da web.

Agora que você está exibindo menus de navegação exclusivos em diferentes páginas da Web e para usuários finais exclusivos, talvez esteja se perguntando como personalizá-los ainda mais.

Experimente estes tutoriais úteis para prolongar o desempenho dos menus de navegação no seu site WordPress.

Esperamos que este tutorial tenha ajudado você a descobrir como incluir lógica condicional nos menus do WordPress. Você também pode querer estudar como construir fluxos de trabalho automatizados ou examinar nosso registro dos plugins de prova social ideais para WordPress e WooCommerce.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para tutoriais de filmes do WordPress. Você também pode nos descobrir no Twitter e no Facebook.