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

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 ▼

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▼

🔗Como crear unha nova páxina en WordPress? Engadir/Editar a configuración da páxina

🔗Como crear categorías de WordPress? Xestión de categorías WP

Menú Crear e Configuración de WordPress

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

log inBackend de WordPress → Aspecto → Menú ▼

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

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

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

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

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▼

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