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

Este artigo é "Tutorial de criação de site WordPress"Parte 14 de uma série de 21 artigos:
  1. O que significa WordPress?O que você está fazendo?O que um site pode fazer?
  2. Quanto custa construir um site pessoal/empresarial?Custo de construção de um site de negócios
  3. Como escolher o nome de domínio certo?Recomendações e princípios de registro de nomes de domínio para construção de sites
  4. NameSiloTutorial de registro de nome de domínio (enviar $ 1 NameSiloCódigo promocional)
  5. Qual software é necessário para construir um site?Quais são os requisitos para criar seu próprio site?
  6. NameSiloResolver o Tutorial de Nome de Domínio NS para Bluehost/SiteGround
  7. Como construir manualmente o WordPress? Tutorial de instalação do WordPress
  8. Como fazer login no back-end do WordPress? Endereço de login em segundo plano do WP
  9. Como usar o WordPress? Configurações gerais do plano de fundo do WordPress e título chinês
  10. Como alterar as configurações de idioma no WordPress?Alterar o método de configuração chinês/inglês
  11. Como criar um diretório de categorias do WordPress? Gerenciamento de Categoria WP
  12. Como o WordPress publica artigos?Opções de edição para artigos autopublicados
  13. Como criar uma nova página no WordPress?Adicionar/editar configuração de página
  14. WordPressComo adicionar cardápio?Personalizar as opções de exibição da barra de navegação
  15. O que é um tema WordPress?Como instalar modelos do WordPress?
  16. FTP como descompactar arquivos zip online? Download do programa de descompressão online PHP
  17. Falha no tempo limite de conexão da ferramenta FTP Como configurar o WordPress para se conectar ao servidor?
  18. Como instalar um plugin WordPress? 3 Maneiras de Instalar um Plugin WordPress - wikiHow
  19. Que tal a hospedagem BlueHost?Últimos códigos promocionais/cupons BlueHost USA
  20. Como o Bluehost instala automaticamente o WordPress com um clique? BH tutorial de construção de site
  21. Como usar o backup rclone para VPS? CentOS usa tutorial de sincronização automática do GDrive

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 ▼

Os temas atuais do WordPress não oferecem menus personalizados Folha 1

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▼

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 ▼

Entre na página de menu do WordPress nº 4

  • 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 ▼

WordPress Create Menu: Selecione o local do tema, selecione a folha de navegação primária 5

  • 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" ▼

Adicionando e classificando a planilha de estrutura de menu do WordPress 6

  • 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 ▼

Folha de opções de exibição do menu WordPress 7

  • 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).

Folha de configurações detalhadas do item de menu do WordPress 8

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▼

Como o WordPress adiciona menus?Imagem 9 das opções de exibição da barra de navegação personalizada

  • 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.

Leia outros artigos desta série:<< Anterior: Como criar uma nova página no WordPress?Adicionar/editar configuração de página
Próximo post: O que é um tema WordPress?Como instalar modelos do WordPress? >>

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) compartilhou "Como adicionar menus no WordPress?Personalize as opções de exibição da barra de navegação" para ajudá-lo.

Bem-vindo a compartilhar o link deste artigo:https://www.chenweiliang.com/cwl-959.html

Bem-vindo ao canal Telegram do blog de Chen Weiliang para receber as últimas atualizações!

🔔 Seja o primeiro a obter o valioso "Guia de uso da ferramenta de IA de marketing de conteúdo ChatGPT" no diretório superior do canal! 🌟
📚 Este guia contém um valor enorme, 🌟Esta é uma oportunidade rara, não perca! ⏰⌛💨
Compartilhe e curta se gostar!
Seus compartilhamentos e curtidas são nossa motivação contínua!

 

发表 评论

Seu endereço de e-mail não será publicado. 必填 项 已 用 * 标注

滚动 到 顶部