¿Cómo agrega WordPress los menús?Personalizar las opciones de visualización de la barra de navegación

Este artículo es "Tutorial de creación de sitios web de WordPress"Parte 14 de una serie de nueve artículos:
  1. ¿Qué significa WordPress?¿Qué estás haciendo?¿Qué puede hacer un sitio web?
  2. ¿Cuánto cuesta construir un sitio web personal/de empresa?Costo de construir un sitio web comercial
  3. ¿Cómo elegir el nombre de dominio correcto?Principios y recomendaciones para el registro de nombres de dominio en la construcción de sitios web
  4. NameSiloTutorial de registro de nombre de dominio (le enviaremos $1 NameSiloCódigo promocional)
  5. ¿Qué software se necesita para construir un sitio web?¿Cuáles son los requisitos para hacer tu propio sitio web?
  6. NameSiloResolver el nombre de dominio NS a Bluehost/SiteGround Tutorial
  7. ¿Cómo construir manualmente WordPress? Tutorial de instalación de WordPress
  8. ¿Cómo iniciar sesión en el backend de WordPress? Dirección de inicio de sesión de fondo de WP
  9. ¿Cómo usar WordPress? Configuración general de fondo de WordPress y título chino
  10. ¿Cómo cambiar la configuración de idioma en WordPress?Cambiar el método de configuración chino/inglés
  11. ¿Cómo crear un directorio de categorías de WordPress? Gestión de categorías de WP
  12. ¿Cómo publica artículos WordPress?Opciones de edición para artículos autopublicados
  13. ¿Cómo crear una nueva página en WordPress?Agregar/editar configuración de página
  14. WordPress¿Cómo agregar menú?Personalizar las opciones de visualización de la barra de navegación
  15. ¿Qué es un tema de WordPress?¿Cómo instalar plantillas de WordPress?
  16. FTP cómo descomprimir archivos zip en línea? Descarga del programa de descompresión en línea de PHP
  17. El tiempo de espera de la conexión de la herramienta FTP falló ¿Cómo configurar WordPress para conectarse al servidor?
  18. ¿Cómo instalar un complemento de WordPress? 3 formas de instalar un complemento de WordPress - wikiHow
  19. ¿Qué tal el alojamiento BlueHost?Últimos códigos / cupones de promoción de BlueHost USA
  20. ¿Cómo instala Bluehost WordPress automáticamente con un solo clic? Tutorial de creación de sitios web de BH
  21. ¿Cómo usar la copia de seguridad rclone para VPS? CentOS usa el tutorial de sincronización automática de GDrive

WordPress 3.0 y superior ha agregado la capacidad de personalizar el menú de la barra de navegación.

La mayoría de los temas de WordPress admiten la función de menú de barra de navegación personalizada, puede configurar libremente el menú de barra de navegación para su sitio web.

Hay dos funciones principales para agregar enlaces de páginas importantes al menú de la barra de navegación:

  1. Puede mejorar la experiencia del usuario.
  2. puede mejorarSEOpesos

justo ahorachen weiliangSolo para compartir con ustedes: ¿Cómo configurar el menú de navegación de WordPress?

¿Cómo determino si un tema tiene una función de menú personalizado?

Después de habilitar el tema,Inicie sesión en el backend de WordPress → Apariencia → Menú.

Si ve lo que se muestra a continuación, el tema no admite menús personalizados; de lo contrario, lo hace ▼

Los temas actuales de WordPress no ofrecen menús personalizados Hoja 1

Menú de navegación personalizado de WordPress

Antes de personalizar el menú, debe crear las categorías y páginas de artículos requeridas.

Para crear categorías de artículos y páginas, consulte el siguiente tutorial▼

Menú de configuración y creación de WordPress

Paso 1:Ir a la página del menú de WordPress

iniciar la sesiónback-end de WordPress → Apariencia → Menú ▼

Ingrese a la página de menú de WordPress No. 4

  • Aquí puede crear nuevos menús y administrar menús creados anteriormente.
  • Si crea un nuevo menú, complete el nombre de la categoría del menú en el cuadro de entrada "Nombre del menú".
  • Luego haga clic en Guardar para crear una nueva categoría de ubicación del menú de navegación.

paso 2:Seleccione la ubicación del tema

  • Queremos designar el menú como el menú de navegación en el sitio web.
  • Seleccione la ubicación del tema, marque Navegación principal ▼

Menú de creación de WordPress: seleccione la ubicación del tema, seleccione la hoja de navegación principal 5

  • Tenga cuidado de no marcar "Agregar automáticamente todas las páginas de nivel superior a este menú" ▲
  • En este caso, cada vez que se crea una página de nivel superior, se agregará automáticamente al menú, pero el menú tiene un ancho limitado y se ajustará después de exceder el ancho (afectando la estética).

Paso 3:Agregar y ordenar la estructura del menú de WordPress

Aquí hay un ejemplo de cómo crear un menú llamado "Menú 1" ▼

Agregar y ordenar la estructura del menú de WordPress Hoja 6

  • Seleccione el enlace que desea agregar (enlace de página, enlace de artículo, enlace personalizado, enlace de categoría) desde la izquierda y agréguelo al menú.
  • (En realidad, puede agregar cualquier enlace aquí, por ejemplo, puede agregar una página de inicio y puede apuntar a la URL de la página de inicio a través de un "enlace personalizado")

Ordenar la estructura del menú:

  • En el área de estructura del menú, arrastre un elemento de menú ligeramente hacia la derecha para configurar rápidamente menús secundarios y de varios niveles.
  • El efecto de la configuración es trapezoidal, es decir, el menú secundario está más sangrado que el de arriba.
  • Habrá algunos signos grises de "subproyecto" después del nombre de navegación.
  • Después de organizar los menús, haga clic en Guardar menú.

Opciones de menú de WordPress

Los menús de WordPress ocultan algunas funciones por defecto.

Si desea controlar más propiedades del menú, haga clic en "Mostrar opciones" en la esquina superior derecha de la pantalla para revelar funciones ocultas ▼

Hoja de opciones de visualización del menú de WordPress 7

  • Puede elegir más tipos de elementos de menú.
  • Por ejemplo: etiquetas y artículos, y propiedades avanzadas para mostrar menús (objetivo del enlace, clase CSS, red de enlaces, descripción).

Elemento de menú de WordPress hoja de configuración detallada 8

Pestañas de navegación:

  • El texto del enlace.

Propiedad del título:

  • es el valor del atributo de título de la etiqueta a, como se muestra en la imagen de arriba"chen weiliangPágina de inicio del blog".

Clase CSS:

  • Agregue una clase al elemento del menú.
  • Este elemento del menú varía según css.
  • chen weiliangSe añade el CSS de la página de inicio del blog. fas fa-home.

Red de relaciones de enlace:

  • El atributo rel se agrega al menú a través de Linking Network (XFN).
  • Si no desea que los motores de búsqueda le den peso a este enlace de menú, puede agregarrel="nofllow"Atributos.

Objetivo del enlace:

  • Controla cómo se abren los enlaces del menú.
  • Por ejemplo, abrir en una nueva ventana (target="_blank"), o abrir en la ventana actual (predeterminado).

Aquí está el código representado por la página web basado en la configuración que se muestra en la imagen de arriba:

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

Ubicación de administración del menú de WordPress

A continuación se muestra la ubicación del administrador en la parte superior de la configuración del menú de WordPress▼

¿Cómo agrega WordPress los menús?Imagen 9 de las opciones de visualización de la barra de navegación personalizada

  • La configuración del tema que se muestra en la ubicación del administrador variará según el tema utilizado.
  • Puede asignar menús a cada configuración de "ubicación de tema", de modo que el menú de navegación para cada ubicación muestre contenido diferente.

Esto concluye el tutorial del menú de la barra de navegación personalizada de WordPress.

Lee otros artículos de la serie:<< Anterior: ¿Cómo crear una nueva página en WordPress?Agregar/editar configuración de página
Entrada siguiente: ¿Qué es un tema de WordPress?¿Cómo instalar plantillas de WordPress? >>

Esperanza Chen Weiliang Blog ( https://www.chenweiliang.com/ ) compartió "¿Cómo agregar menús en WordPress?Personalizar las opciones de visualización de la barra de navegación" para ayudarlo.

Bienvenido a compartir el enlace de este artículo:https://www.chenweiliang.com/cwl-959.html

¡Bienvenido al canal de Telegram del blog de Chen Weiliang para obtener las últimas actualizaciones!

🔔 ¡Sea el primero en obtener la valiosa "Guía de uso de la herramienta de inteligencia artificial para marketing de contenidos ChatGPT" en el directorio superior del canal! 🌟
📚 Esta guía contiene un gran valor. 🌟Esta es una oportunidad única, ¡no la pierdas! ⏰⌛💨
¡Comparte y dale me gusta si te gusta!
¡Su compartir y Me gusta son nuestra motivación continua!

 

发表 评论

Su dirección de correo electrónico no será publicada. 项 已 用 * 标注

滚动 到 顶部