Creación de menús de navegación avanzados: un completo tutorial sobre los menús avanzados de blocksy

Una navegación única y atractivamenúPuede hacer que el sitio web sea más atractivo.blocksyLa función de menú avanzado proporciona métodos de configuración flexibles para hacer que el módulo de navegación de la página sea más rico e interactivo. Esta función es adecuada para blogs, sitios corporativos, tiendas y muchos otros escenarios, y puede mejorar significativamente el diseño general.

Función

blocksyEl Menú Avanzado es una función avanzada que le permite añadir lo siguiente al menú:

• Bloque de contenido
• Iconos (compatibles con Font Awesome)
• Galería de fotos
• Categoría Título
• Insignias de columna (por ejemplo, NEW, HOT, etc.)

Rompe las limitaciones del menú desplegable tradicional, puede construir fácilmente una estructura de varias columnas, combinación gráfica de estilo de navegación.

Pasos para activar la función

entrar enWordPressBackend, haga clic en orden:blocksy> Extensiones > Extensiones Pro, busque "Menús avanzados" y haga clic en el botón Activar. Una vez activada la función, podrá utilizar la configuración de menús avanzados.

Edición de menús y configuración de la estructura

Vaya a "Apariencia > Menús", seleccione el elemento del menú de destino (por ejemplo, "Recetas"), haga clic en el botón Configuración de la derecha y active las opciones avanzadas del menú en la ventana emergente.

El menú admite tres anchos:

• Anchura del contenido: coincide con la anchura del área de contenido del sitio web.
• Ancho completo: ocupa todo el ancho del navegador
• Anchura personalizada: valor en píxeles personalizado para controlar la anchura

El menú puede dividirse de 1 a 6 columnas y la anchura de cada columna puede ajustarse individualmente.

Metodología de diseño de texto mixto

Añadir un elemento de menú de enlace vacío (URL (rellene # para facilitar su identificación), configúrelo como tipo "Bloque de contenido". Seleccione una plantilla existente como módulo de visualización, adecuado para colocar imágenes,girecontenidos recomendados, etc.

En el módulo Categoría, los elementos del menú pueden formatearse como grandes encabezados y pueden añadirse iconos. Se admiten iconos de la biblioteca de iconos Font Awesome para que los encabezados sean más reconocibles.

Logotipos e insignias categorizados

Si necesita destacar elementos específicos del menú, como nuevos contenidos o nuevas recomendaciones de productos, puede añadir una insignia, por ejemplo, configurada como "Nuevo" o "Caliente", para atraer clics.

Disposición de la subestructura

Cada columna corresponde a un submenú de primer nivel del menú. Se pueden añadir varios enlaces o submódulos debajo. Ejemplo:

• Alimentación sana (poner como título)
  • Recomendaciones para el desayuno (subenlaces)
  • Recetas ligeras (subenlaces)
• Recomendaciones de bebidas (bloque de contenido de imagen)

Esta estructura es adecuada para clasificar la información y presentarla de forma lógica y visualmente atractiva.

Estilos personalizados

Apoyar el ajuste de lo siguiente:

• Tamaño del icono
• Fuentes de etiquetas
• espaciado en línea
• Color de fondo y color hover

Este tipo de configuración es muy útil para adecuar la coherencia visual al tono de la marca.

Guardar y ver resultados

Una vez completada la configuración del menú, haga clic en "Guardar menú" y, a continuación, visite la página principal para ver el efecto real. El menú de navegación se presentará en forma de una combinación de gráficos y texto, visualización en varias columnas, para mejorar la impresión general.

resúmenes

blocksyEl menú avanzado es un elemento clave en el diseño de sitios web. Ya sea para mostrar categorías complejas, promocionar nuevos contenidos o mejorar la estructura visual, puede ser una importante herramienta de diseño.

Actualizaciones recientes

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