Saltar al contenido

Tutorial de uso del Mega Menu del tema LingHang: haz que la navegación del sitio web industrial/fabricante sea más eficiente

El menú de navegación de un sitio web corporativo es la primera interacción que tiene un visitante al entrar al sitio. Para empresas industriales, manufactureras y de comercio exterior, con múltiples categorías de productos y modelos complejos, los menús desplegables tradicionales a menudo no pueden manejar muchos subelementos, lo que dificulta que los usuarios encuentren información clave. El tema LingHang, como un tema empresarial ligero deWordPress para empresas, incorpora una potente función de Mega Menu que te permite crear menús súper atractivos y de múltiples columnas sin necesidad de plugins. Este artículo te guiará paso a paso con imágenes para completar la configuración.

Antes de comenzar, te recomendamos familiarizarte con la configuración básica del tema LingHang, como cómoagregar productos al tema LingHang, asegurándote de que tus categorías de productos ya estén creadas. El valor central del Mega Menu es integrar múltiples categorías o enlaces personalizados en un panel de ancho completo, ideal para mostrar contenido de niveles profundos como „series de productos“ o „casos de aplicación“.

Paso 1: Crear contenido del Mega Menu

Linghang theme mege menu

El Mega Menu se basa en el sistema de menús de WordPress, pero el contenido debe crearse primero a través de tipos de contenido personalizados. El tema LingHang ya tiene preparado el tipo de contenido „Mega Menu“. Para usuarios principiantes que no saben diseñar un Mega Menu, pueden comenzar con las plantillas de Mega Menu incluidas en el tema LingHang.

En las plantillas de Mega Menu, selecciona el tipo de plantilla que necesitas y crea un nuevo Mega Menu.

Paso 2: Editar enlaces de elementos del menú

编辑刚才创建的Mega Menu链接为自己需要的链接

Después de crear el contenido del Mega Menu, edita los enlaces y el contenido insertados por defecto en la plantilla. Si faltan enlaces, puedes agregar más presionando Enter.

Una vez modificados todos los enlaces y el contenido, guarda el Mega Menu.

Paso 3: Configurar la navegación principal y verificar en el frontend

进入外观→菜单,选择主导航菜单,在需要启用Mega Menu的菜单上勾选启用Mega Menu,下面选择刚才创建的Mega Menu,保存前台就可以看到效果

Luego, ve a Apariencia > Menús. En la parte superior de la interfaz de edición de menús, asegúrate de que el menú seleccionado sea „Menú de navegación principal“ (el que se muestra en la barra de navegación de la página de inicio).

En el enlace donde deseas mostrar el Mega Menu, despliega las opciones, marca „Habilitar Mega Menu“, y luego selecciona el Mega Menu que acabas de crear en „Plantilla de Mega Menu“.

Guarda el menú y visita el frontend del sitio para ver el resultado.

Resumen: Mejora la eficiencia de la creación de sitios web industriales con Mega Menu

La función Mega Menu del tema LingHang hace que la navegación multinivel de los temas empresariales de WordPress sea tan simple como construir con bloques. Ya seas un principiante en la creación de sitios web industriales o un profesional de marketing en una empresa de comercio exterior, no necesitas aprender código complejo; en pocos minutos puedes crear un sistema de navegación comparable al desarrollo personalizado. Combinado con los bloques Gutenberg y las herramientas de creación rápida de sitios del tema, tu sitio web corporativo puede estar en línea en un día.