?Qué le parece siWordPressEl sitio web potencia la interactividad al tiempo que presenta contenidos más diversos utilizando elKadencetemáticaCaracterísticas del Mega Menúes una buena elección. Hoy, te ense?aremos cómo implementar un menú desplegable gigante con el tema Kadence para ofrecer una mejor experiencia de navegación a tus usuarios.

1. Instale y active los plug-ins necesarios

En primer lugar, tenemos que instalar elKadenceVersión de pago del tema

y activar las siguientes funciones:

• Menú Ultimate
• Elementos enganchados

Estas dos características le proporcionarán una personalización más potente del menú, haciendo que la configuración de Mega Menu sea más flexible.

2. Configuración del Mega Menú

entrar enWordPressentre bastidoresestado exterior > menúseleccione el elemento de menú que desea configurar como Mega Menú. Tras hacer clic en el botón correspondiente, accederá a la pantalla de configuración del elemento de menú. Aquí podrá realizar los siguientes ajustes:

• Iconos de configuraciónA?adir un icono para el elemento de menú y establecer la posición de visualización del icono, puede elegir ponerlo a la izquierda o a la derecha.

• Ajustar los colores y tama?os de los iconosAjustar los colores y tama?os de los iconos según sea necesario para hacerlos más acordes con el estilo de dise?o de su sitio web.

• Ajustar el ancho del Mega MenúSeleccione el modo de ancho completo para que el menú se expanda de izquierda a derecha y conseguir un efecto visual que alinee el contenido de la página con el menú.

3. Configurar el número de columnas del Mega Menú y el color de fondo

con respecto aMega MenúHe elegido un dise?o de una columna, pero en realidad se consigue colocando seis elementos de contenido. Puedes ajustar el número de columnas a tus necesidades.

El color de fondo puede ajustarse a un color de fondo global para garantizar la coherencia con el dise?o general del sitio.

Para eliminar el exceso de espacios en blanco, también puede establecer el espaciado interno en cero.

Recuerde guardar los cambios una vez que haya completado los ajustes anteriores.

4. Creación del contenido del menú mediante shortcodes

A continuación, tenemos que a?adir elKadence(utilizado como expresión nominal)elementalpara crear un contenido de menú específico. Introduzca elestado exterior > Kadence > elementalverás que he creado dos elementos. Haz clic en uno de ellos para ver cómo a?adir seis categorías de productos.

debido aKadenceEl tema no proporciona bloques visuales de elementos de categorización de productos, podemos utilizar la funciónWooCommerceLa función shortcode para implementar el

El número en el shortcode indica el ID de la categoría de producto, que puede obtener siguiendo los pasos que se indican a continuación:

• Vaya al backend delofertas > categorizaciónhaga clic para editar la categoría que necesite.

• Compruebe la URL en la barra de direcciones de su navegador, donde el número es el ID de la categoría de producto.

Una vez obtenido el ID, introdúzcalo en el shortcode con el siguiente formato:

comandante en jefe (militar)IDSustitúyalo por el ID de clasificación real.

5. A?adir shortcodes y ajustar los elementos del menú

En la página de elementos, pulse el botón "A?adir".

Seleccione Configuración predeterminada e introduzca un título para asegurarse de que el elemento puede mostrarse en todo el sitio y configurarse para que sea visible para todos los usuarios.

Para a?adir contenido, haga clic en el signo más, seleccione el formato de dise?o de seis columnas y, a continuación, pegue el shortcode que obtuvo anteriormente.

Ajuste el valor ID en el shortcode según sea necesario. Si hay que a?adir varios shortcodes, puedes utilizar atajos para acelerar el proceso.

Si necesita ajustar el orden de los elementos del menú, puede desbloquear el orden de las columnas, después de hacer clic en el botón de desbloqueo, puede arrastrar libremente las columnas para ajustar su orden.

Cuando haya terminado, guarde y publique el elemento.

6. A?adir submenús

Devuelve el backend delestado exterior > menúa?ada un submenú al Mega Menú. Puedes nombrar este sub-elemento como quieras, ya que sólo se utiliza para alojar el contenido del Mega Menú y no se mostrará en la página.

Que sea un submenú del primer menú.

Actualice la página después de guardarla y verá que han aparecido los nuevos elementos del menú. Haga clic para expandir el menú y el nuevo elemento de contenido mostrará seis contenidos. Asegúrate de que la anchura y la estructura de los elementos del menú heredan la anchura máxima del tema.

7. Comprobación del efecto y ajuste del dise?o

Actualice la página de inicio para ver el aspecto del menú. Es posible que tenga que hacer algunos ajustes finales en el menú para asegurarse de que se muestra correctamente y cumple con sus requisitos de dise?o.

resúmenes

Con los pasos anteriores, usted puede hacer fácilmente elKadenceCrear un Mega Menú Desplegable en el tema. Con la función Mega Menú, puedes ofrecer a los usuarios un menú más claro y dinámico para que encuentren rápidamente lo que necesitan.

Si has configurado Mega Menu con éxito, ?no dudes en compartir tu experiencia en la sección de comentarios!

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