Como o WordPress adiciona menus?Personalizar as opções de exibição da barra de navegação

O WordPress 3.0 e superior adicionou a capacidade de personalizar o menu da barra de navegação.

A maioria dos temas do WordPress suporta o recurso de menu de barra de navegação personalizado, você pode definir livremente o menu de barra de navegação para o seu site.

Existem duas funções principais para adicionar links de páginas importantes ao menu da barra de navegação:

1. Pode melhorar a experiência do usuário.
2. pode melhorarSEOPesos.

Agora mesmoChen WeiliangSó para compartilhar com você: Como configurar o menu de navegação do WordPress?

Como determino se um tema tem um recurso de menu personalizado?

Depois de ativar o tema,Faça login no back-end do WordPress → Aparência → Menu.

Se você vir o que é mostrado abaixo, o tema não suporta menus personalizados, caso contrário, sim ▼

Menu de navegação personalizado do WordPress

Antes de personalizar o menu, você precisa criar as categorias e páginas de artigos necessárias.

Para criar categorias e páginas de artigos, consulte o seguinte tutorial▼

🔗Como criar uma nova página no WordPress? Adicionar/editar configurações de página

🔗Como criar categorias no WordPress? Gerenciamento de categoria WP

Menu Criar e Configurações do WordPress

passo 1:Vá para a página de menu do WordPress

登录back-end do WordPress → Aparência → Menu ▼

• Aqui você pode criar novos menus e gerenciar menus criados anteriormente.
• Se estiver criando um novo menu, preencha o nome da categoria do menu na caixa de entrada "Nome do menu".
• Em seguida, clique em Salvar para criar uma nova categoria de localização do menu de navegação.

passo 2:Selecione o local do tópico

• Queremos designar o menu como o menu de navegação no site.
• Selecione o local do tópico, verifique a Navegação primária ▼

• Tenha cuidado para não marcar "Adicionar automaticamente todas as páginas de nível superior a este menu" ▲
• Nesse caso, toda vez que uma página de nível superior for criada, ela será adicionada automaticamente ao menu, mas o menu terá uma largura limitada e será envolvido após exceder a largura (afetando a estética).

passo 3:Adicionar e classificar a estrutura do menu do WordPress

Aqui está um exemplo de criação de um menu chamado "Menu 1" ▼

• Selecione o link que deseja adicionar (link da página, link do artigo, link personalizado, link da categoria) à esquerda e adicione-o ao menu.
• (Na verdade, você pode adicionar qualquer link aqui, por exemplo, você pode adicionar uma página inicial e apontar para a URL da página inicial por meio de um "link personalizado")

Ordenar estrutura do menu:

• Na área de estrutura de menu, arraste um item de menu ligeiramente para a direita para configurar rapidamente menus secundários e de vários níveis.
• O efeito da configuração é trapezoidal, ou seja, o menu secundário é mais recuado que o anterior.
• Haverá alguns sinais cinzas de "subprojeto" após o nome de navegação.
• Depois de organizar os menus, clique em Salvar menu.

Opções de menu do WordPress

Os menus do WordPress ocultam algumas funções por padrão.

Se você quiser controlar mais propriedades do menu, clique em "Mostrar opções" no canto superior direito da tela para revelar as funções ocultas ▼

• Você pode escolher mais tipos de itens de menu.
• Por exemplo: tags e artigos e propriedades avançadas para menus de exibição (destino do link, classe CSS, rede do link, descrição).

Guias de navegação:

• O texto do link.

Propriedade do título:

• é o valor do atributo title da tag a, conforme mostrado na imagem acima"Chen WeiliangPágina inicial do blog".

Classe CSS:

• Adicione uma classe ao item de menu.
• Este item de menu varia de acordo com o css.
• Chen WeiliangO CSS da página inicial do blog é adicionado fas fa-home.

Rede de relacionamento de links:

• O atributo rel é adicionado ao menu através da Linking Network (XFN).
• Se você não quiser que os mecanismos de pesquisa atribuam peso ao link do menu, você pode adicionarrel="nofllow"Atributos.

Link alvo:

• Controla como os links de menu são abertos.
• Por exemplo, abra em uma nova janela (target="_blank"), ou abra na janela atual (padrão).

Aqui está o código renderizado pela página da web com base nas configurações mostradas na imagem acima:

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

Localização de gerenciamento de menus do WordPress

Abaixo está o local do administrador na parte superior das configurações do menu do WordPress▼

• As configurações do tema exibidas no local do administrador variam de acordo com o tema usado.
• Você pode atribuir menus a cada configuração de "local do tópico", para que o menu de navegação de cada local exiba conteúdo diferente.

Isso conclui o tutorial do menu da barra de navegação personalizada do WordPress.