Como engade WordPress menús?Personaliza as opcións de visualización da barra de navegación

Este artigo é "Tutorial de creación de sitios web de WordPress"Parte 14 dunha serie de nove artigos:
  1. Que significa WordPress?Que estás facendo?Que pode facer un sitio web?
  2. Canto custa construír un sitio web persoal/empresarial?Custo da construción dun sitio web empresarial
  3. Como elixir o nome de dominio correcto?Recomendacións e principios de rexistro de nomes de dominio de construción de sitios web
  4. NameSiloTutorial de rexistro de nomes de dominio (envíache $1 NameSiloCódigo promocional)
  5. Que software se necesita para crear un sitio web?Cales son os requisitos para facer o teu propio sitio web?
  6. NameSiloResolver o nome de dominio NS para Bluehost/SiteGround Tutorial
  7. Como construír manualmente WordPress? Tutorial de instalación de WordPress
  8. Como iniciar sesión no backend de WordPress? Enderezo de inicio de sesión en segundo plano de WP
  9. Como usar WordPress? Configuración xeral de fondo de WordPress e título chinés
  10. Como cambiar a configuración do idioma en WordPress?Cambia o método de configuración chinés/inglés
  11. Como crear un directorio de categorías de WordPress? Xestión de categorías WP
  12. Como publica WordPress artigos?Opcións de edición para artigos autopublicados
  13. Como crear unha nova páxina en WordPress?Engadir/editar a configuración da páxina
  14. WordPressComo engadir un menú?Personaliza as opcións de visualización da barra de navegación
  15. Que é un tema de WordPress?Como instalar modelos de WordPress?
  16. FTP como descomprimir ficheiros zip en liña? Descargar programa de descompresión en linea PHP
  17. Fallou o tempo de espera da conexión da ferramenta FTP Como configurar WordPress para conectarse ao servidor?
  18. Como instalar un complemento de WordPress? 3 xeitos de instalar un complemento de WordPress - wikiHow
  19. Que tal o hospedaxe de BlueHost?Últimos códigos promocionais/cupóns de BlueHost USA
  20. Como instala Bluehost automaticamente WordPress cun só clic? Tutorial de creación de sitios web de BH
  21. Como usar a copia de seguridade rclone para VPS? CentOS usa o tutorial de sincronización automática de GDrive

WordPress 3.0 e superior engadiu a posibilidade de personalizar o menú da barra de navegación.

A maioría dos temas de WordPress admiten a función de menú da barra de navegación personalizada, podes configurar libremente o menú da barra de navegación para o teu sitio web.

Hai dúas funcións principais para engadir ligazóns de páxinas importantes ao menú da barra de navegación:

  1. Pode mellorar a experiencia do usuario.
  2. pode mellorarSEOPesos.

agora mesmoChen WeiliangSó para compartir contigo: Como configurar o menú de navegación de WordPress?

Como podo determinar se un tema ten unha función de menú personalizada?

Despois de activar o tema,Inicia sesión no backend de WordPress → Aspecto → Menú.

Se ves o que se mostra a continuación, o tema non admite menús personalizados, senón ▼

Os temas actuais de WordPress non ofrecen menús personalizados Folla 1

Menú de navegación personalizado de WordPress

Antes de personalizar o menú, cómpre crear as categorías e páxinas de artigos necesarias.

Para crear categorías de artigos e métodos de páxina, consulte o seguinte tutorial▼

Menú Crear e Configuración de WordPress

Paso 1:Vaia á páxina do menú de WordPress

log inBackend de WordPress → Aspecto → Menú ▼

Entra na páxina do menú de WordPress número 4

  • Aquí podes crear novos menús e xestionar menús creados previamente.
  • Se creas un novo menú, introduce o nome da categoría de menú na caixa de entrada "Nome do menú".
  • A continuación, fai clic en Gardar para crear unha nova categoría de localización do menú de navegación.

paso 2:Selecciona a localización do tema

  • Queremos designar o menú como menú de navegación na páxina web.
  • Seleccione a localización do tema, marque Navegación principal ▼

Menú de creación de WordPress: seleccione a localización do tema, seleccione a folla de navegación principal 5

  • Teña coidado de non marcar "Engadir automaticamente todas as páxinas de nivel superior a este menú" ▲
  • Neste caso, cada vez que se crea unha páxina de nivel superior, engadirase automaticamente ao menú, pero o menú ten un ancho limitado e envolverase despois de superar o ancho (afectando á estética).

Paso 3:Engadir e ordenar a estrutura do menú de WordPress

Aquí tes un exemplo de creación dun menú chamado "Menú 1" ▼

Engadir e clasificar a folla de estrutura do menú de WordPress 6

  • Seleccione a ligazón que quere engadir desde a esquerda (ligazón á páxina, ligazón ao artigo, ligazón personalizada, ligazón á categoría) e engádea ao menú.
  • (En realidade, pode engadir calquera ligazón aquí, por exemplo, pode engadir unha páxina de inicio, e pode apuntar ao URL da páxina de inicio a través dunha "ligazón personalizada")

Ordenar a estrutura do menú:

  • Na área da estrutura do menú, arrastra un elemento do menú lixeiramente cara á dereita para configurar rapidamente menús secundarios e multinivel.
  • O efecto da configuración é trapezoidal, é dicir, o menú secundario está máis sangría que o superior.
  • Haberá algúns sinais grises de "subproxecto" despois do nome da navegación.
  • Despois de organizar os menús, fai clic en Gardar menú.

Opcións do menú de WordPress

Os menús de WordPress ocultan algunhas funcións por defecto.

Se queres controlar máis propiedades do menú, fai clic en "Mostrar opcións" na esquina superior dereita da pantalla para mostrar as funcións ocultas ▼

Folla de opcións de visualización do menú de WordPress 7

  • Podes escoller máis tipos de elementos de menú.
  • Por exemplo: etiquetas e artigos e propiedades avanzadas para menús de visualización (destino da ligazón, clase CSS, rede de ligazóns, descrición).

Ficha de configuración detallada do elemento de menú de WordPress 8

Pestanas de navegación:

  • O texto da ligazón.

Propiedade do título:

  • é o valor do atributo title da etiqueta a, como se mostra na imaxe de arriba"Chen WeiliangPáxina de inicio do blog".

Clase CSS:

  • Engade unha clase ao elemento do menú.
  • Este elemento do menú varía segundo css.
  • Chen WeiliangEngádese o CSS da páxina de inicio do blog fas fa-home.

Rede de relacións de enlace:

  • Engade o atributo rel ao menú mediante a rede vinculada (XFN).
  • Se non queres que os buscadores dean peso a esta ligazón de menú, podes engadirrel="nofllow"Atributos.

Obxectivo da ligazón:

  • Controla como se abren as ligazóns do menú.
  • Por exemplo, abra nunha ventá nova (target="_blank"), ou ábrese na xanela actual (predeterminado).

Aquí está o código representado pola páxina web baseándose na configuración que se mostra na imaxe superior:

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

Ubicación de xestión de menús de WordPress

Abaixo está a localización do administrador na parte superior da configuración do menú de WordPress▼

Como engade WordPress menús?Imaxe 9 das opcións de visualización da barra de navegación personalizada

  • A configuración do tema que se mostra na localización do administrador variará dependendo do tema utilizado.
  • Podes asignar menús a cada configuración de "localización do tema", de xeito que o menú de navegación de cada localización mostre contido diferente.

Isto conclúe o tutorial do menú da barra de navegación personalizada de WordPress.

Lea outros artigos da serie:<< Anterior: Como crear unha nova páxina en WordPress?Engadir/editar a configuración da páxina
Próxima publicación: Que é un tema de WordPress?Como instalar modelos de WordPress? >>

Blog de Hope Chen Weiliang ( https://www.chenweiliang.com/ ) compartiu "Como engadir menús en WordPress?Personaliza as opcións de visualización da barra de navegación" para axudarche.

Benvido a compartir a ligazón deste artigo:https://www.chenweiliang.com/cwl-959.html

Benvido á canle de Telegram do blog de Chen Weiliang para recibir as últimas actualizacións.

🔔 Sexa o primeiro en obter a valiosa "Guía de uso da ferramenta de intelixencia artificial de marketing de contidos de ChatGPT" no directorio principal da canle. 🌟
📚 Esta guía contén un gran valor, 🌟Esta é unha oportunidade rara, non a perdas! ⏰⌛💨
Comparte e da like se che gusta!
O teu compartir e gústame son a nosa motivación continua!

 

发表 评论

O seu enderezo de correo electrónico non se publicará. Utilízanse os campos obrigatorios * Etiqueta

desprázate cara arriba