Tutorial del bloque de navegación de WordPress: crear fácilmente un menú de navegación

Bienvenido a este tutorial sobre el uso de los bloques de navegación de WordPress. Hoy vamos a mostrarte paso a paso cómo crear y optimizar el menú de tu sitio web utilizando los bloques de navegación de WordPress. Tanto si eres un principiante como un usuario avanzado que busca mejorar la navegación de su sitio web, este tutorial te proporcionará orientación y consejos prácticos.

Introducción: conocer los bloques de navegación de WordPress

WordPress Navigation Block permite a los usuarios gestionar los menús y enlaces de su sitio web de forma intuitiva. Es compatible con muchos tipos de contenido para añadir a su menú de navegación, incluyendo páginas, entradas, enlaces personalizados, y mucho más. A través de este tutorial, exploraremos cómo utilizar eficientemente los bloques de navegación para mejorar la experiencia del usuario (UX) y el diseño de la interfaz de usuario (UI).

Paso 1: Configuración inicial del menú de navegación

antes del inicio

• Estamos utilizando un sitio de demostración de WordPress creado por Local by Flywheel, que funciona con la versión 6.4 de WordPress y el tema predeterminado 2024.

Añadir página a la navegación

• En el backend de WordPress, vaya a "Apariencia > Editor" y busque el área de navegación. En primer lugar, tenemos que crear y publicar nuevas páginas, como "Inicio" y "Sobre nosotros".

Paso 2: Optimizar la estructura del menú de navegación

Reordenación de los elementos del menú

• El bloque de navegación del editor nos permite ajustar el orden de los elementos del menú. Asegúrate de que los elementos del menú están organizados según la lógica del sitio y las necesidades del usuario.

Paso 3: Gestionar varios menús de navegación

Crear navegación a pie de página

• Para los menús de navegación que deban mostrarse en distintas ubicaciones del sitio, como el pie de página o la barra lateral, los creamos y configuramos mediante los mismos bloques de navegación.

Paso 4: Añadir submenú en detalle

Mejorar la eficacia de la navegación con submenús

• La función de submenú le permite añadir más capas bajo los elementos del menú principal, lo que resulta especialmente útil para sitios con mucho contenido.

Pasos detallados y consejos

Añadir y publicar páginas

• Añada nuevas páginas a la sección Páginas, asegurándose de cambiar el estado de Borrador a Publicado para que se muestren en la parte frontal del sitio.

Ajuste de los elementos de navegación

• En Editor > Apariencia > Navegación, puede añadir nuevas páginas a la navegación o ajustar los elementos de navegación existentes.

Crear menús de navegación adicionales

• Para los menús que deban mostrarse en el pie de página, puede copiar el menú de navegación actual y realizar los ajustes necesarios, como quitar o añadir determinados elementos del menú.

Operaciones específicas para añadir submenús

• Junto a los elementos del menú de navegación, con la opción "Añadir submenú" puede crear menús desplegables para cualquier elemento del menú principal.

advertencia

• **Las páginas con estado de borrador no se muestran en la portada del sitio. **Asegúrese de cambiar el estado de la página a "Publicado".
• **Los ajustes de orden son importantes. **Un orden de menús sensible mejora la facilidad de navegación de su sitio web.
• **Gestión de múltiples menús de navegación. **Al crear diferentes menús de navegación, puedes ofrecer soluciones de navegación especializadas para diferentes áreas de tu sitio web.
• **Uso eficaz de los submenús. **Un uso razonable de los submenús puede hacer que la estructura del sitio sea más clara y fácil de navegar para los usuarios.

Esperamos que esta guía detallada le ayude a sentirse más cómodo con la creación y gestión de la navegación de su sitio web WordPress. Permanece atento para saber más sobre la creación autodidacta de sitios web con WordPress y sigue mejorando tus habilidades de diseño y desarrollo de sitios web.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres