Tutorial de navegación avanzada de Kadence: Explicación de la creación de submenús y megamenús

En el diseño de sitios web, una navegación clara puede mejorar significativamente la experiencia del usuario y la conversión de contenidos.Bloques Kadence En el bloque de navegación avanzada (Navigation Adv Block) tiene una poderosa capacidad de construcción de navegación, adecuado para la estructura de página clara, la clasificación de varias columnas del sitio. En este artículo, vamos a introducir el submenú y... Mega Cómo se crean los menús y métodos de personalización de estilos.

Crear navegación

hacer uso de Kadence para crear rápidamente el menú principal. Insertar el bloque Navegación (Adv) Después del bloque, puede seleccionar una navegación existente, o crear una nueva estructura de navegación e ir al constructor de navegación visual.

Si está utilizando una plantilla de cabecera avanzada, puede seleccionar o crear una nueva navegación simplemente haciendo clic en el área del menú de navegación.

Añadir enlaces de navegación

El constructor de navegación proporciona formas flexibles de añadir enlaces. Admite la selección de tipos de contenido como páginas, artículos, productos, etc. Los enlaces personalizados también pueden añadirse manualmente. El título y la dirección del enlace pueden ajustarse para cada enlace, y la clasificación se realiza arrastrando.

También es posible insertar bloques de enlaces de navegación manualmente haciendo clic en el signo más de la barra de herramientas del editor e introduciendo la información pertinente.

Uniformidad de estilo frente a personalización individual

El estilo de los enlaces de navegación puede establecerse de manera uniforme o ajustarse individualmente para cada enlace. En los ajustes avanzados del bloque de navegación pueden definirse estilos básicos como fuentes, colores, bordes y fondos. El propio bloque de enlaces de navegación también incluye anulaciones de estilo para satisfacer necesidades de diseño más flexibles.

Añadir una estructura de submenús

Los submenús se utilizan para añadir una jerarquía desplegable a los elementos del menú principal. Se admiten dos formas de crearlos:

• En el constructor de navegación, seleccione un elemento del menú principal y haga clic en "Añadir enlaces a submenús"

• En la barra de herramientas Bloque de vínculos de navegación, haga clic en el icono Anidado para crear un elemento de navegación subordinado

También es posible formar una jerarquía arrastrando bloques de enlaces debajo de otros elementos de menú con ayuda de la vista de lista.

Configurar el aspecto del submenú

El estilo del submenú admite ajustes globales e individuales. Se pueden ajustar parámetros como el color de fondo, el espaciado, los bordes, las sombras, etc., y personalizar las animaciones de visualización (por ejemplo, desvanecimiento, deslizamiento). El texto descriptivo del submenú también puede configurarse de forma independiente, incluidos el tipo de letra, el color y la tipografía.

Añadir separadores entre los elementos del menú ayuda a mejorar la sensación de agrupación visual.

Estructura de navegación multinivel

En un submenú se continúa anidando el siguiente nivel de elementos de menú, para construir un sistema de navegación de tres o más niveles. Esta estructura es adecuada para sitios con un gran número de categorías de contenido, como sitios de educación, centros comerciales y servicios a empresas.

Se pueden generar múltiples niveles de navegación simplemente anidando más bloques de enlaces de navegación bajo los elementos de submenú existentes.

Utilice el menú Mega para mostrar contenido enriquecido

Mega El menú es adecuado para columnas con mucha información, como centro de productos, resumen de columnas, etc. Permite mostrar diversos contenidos, como gráficos, iconos y botones.

Cuando se selecciona un bloque de enlace de navegación y la función Mega menú está activada, puede elegir comenzar con un espacio en blanco o utilizar una plantilla preestablecida para el diseño. Admite la inserción de cualquier Kadence Bloques como diseños de columnas, cabeceras, imágenes, botones, etc.

Puede controlar manualmente la anchura del menú Mega para adaptarlo a sus necesidades de diseño.

Maquetación rápida con plantillas predefinidas

Kadence Ofreciendo múltiples Mega Las plantillas de menú (por ejemplo, los tipos A a G), con estructura de contenidos incorporada, pueden utilizarse simplemente sustituyendo el texto y las imágenes.

Estas plantillas son adecuadas para estructuras de página comunes, como categorías de centros comerciales, departamentos de empresas, módulos de servicios, etc.

Uso combinado de submenús y megamenús

Un sistema de navegación en el que algunos elementos de menú utilizan submenús y otros utilizan la función Mega menús, es una disposición muy común. Ejemplo:

• "ofertas" Uso del menú El mega menú muestra varias series de enlaces gráficos

• El menú "Servicio de asistencia" ofrece información de contacto, preguntas frecuentes, etc. mediante un menú desplegable normal.

Estas dos estructuras se pueden combinar libremente en una navegación, respuesta flexible a los diferentes requisitos de la página.

Migración del contenido del Mega Menú en Kadence Themes

Si ha utilizado previamente el Kadence Elementos creados Mega que también puede copiarse para utilizarlo en la nueva navegación avanzada.

entrar en Kadence → Elementos, edite el contenido correspondiente, utilice la vista de lista para seleccionar el bloque en su totalidad y cópielo. Vuelva a la Navegación de cabecera avanzada, seleccione el elemento de enlace que abre el menú Mega, pegue el contenido copiado y complete la migración.

resúmenes

Kadence Los bloques de navegación avanzada proporcionan una potente organización de la navegación para requisitos estructurales de uno o varios niveles. Tanto si se trata de una navegación básica desplegable como de un menú gráfico Mega de varias columnas, puede crearse rápidamente y dotarse de un estilo flexible con el editor visual.