Complemento WP Mega Menu: funcionalidad, instalación, configuración. Menú desplegable horizontal Super plugin WordPress Max mega menú paso a paso

¡Hola! Como siempre, están sucediendo muchas cosas en mi vida, por lo que es muy difícil encontrar tiempo para un blog. Ayer compramos billetes para Sri Lanka y nos vamos pronto por 4 meses, ¡ven a visitarnos! Y ahora estoy buscando el vestido de novia más bonito :))
Hoy hablaremos sobre cómo crear un menú en WordPress, así como también agregar estos bloques en áreas personalizadas de la plantilla.
Aprenderemos cómo personalizar el menú y editarlo a su discreción.

Edición y personalización de menús en WordPress

Primero, veamos la funcionalidad disponible para nosotros en el panel de administración del blog. En nuevas plantillas compatibles con Últimas Versiones WordPress, la visualización del menú es bastante simple y la configuración no es particularmente difícil.

Una vez que hayamos creado un tema secundario que se pueda modificar sin afectar el tema principal, agregaremos la siguiente función a su archivo function.php.

1 2 3 Register_nav_menus( array ( "menú adicional" => __( "Menú adicional", "Nombre de tu tema" ) ) ) ;

Register_nav_menus(array("additionalmenu" => __("Menú adicional", "Nombre de su tema")));

Si no crea un tema secundario, agréguelo al archivo de funciones principal de su tema.

Esta función nos permitirá agregar un menú adicional de WordPress a nuestra plantilla y crear otra área para ello.

Después de agregar, vaya al panel de administración en "Administrar áreas":

Debería aparecer un área de tema adicional con el nombre que configuramos en la función.

Pulsamos “Usar nuevo menú” si queremos cambiar las secciones del área adicional, o seleccionamos “Inicio”. Luego, la nueva área mostrará las mismas secciones que en el Menú principal.

En nuestro caso, creamos un nuevo menú llamado Adicional:

Seleccione el área temática "Menú adicional" correspondiente.

Pero ahora necesitamos vincular esta área a los bloques de plantilla. Por ejemplo, necesitamos crear un menú adicional debajo del encabezado de un sitio de WordPress. Vaya al archivo header.php o cópielo en el tema secundario. Después de la etiqueta del cuerpo agregue lo siguiente:

1 2 3 <div id="menú adicional" > (matriz( "ubicación_tema" = >"menú adicional")); ?></div>

"menú adicional")); ?>

Veamos el resultado:

Tenemos un menú adicional encima del encabezado. Ahora necesitamos configurarle estilos, alinear los elementos en una línea y bajar el bloque debajo del encabezado.

Realizamos los siguientes cambios en el archivo style.css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 #menú de navegación adicional (ancho: 940 px; /*ancho del contenedor */ margen: 0 automático; ) #additionalmenu li (display: inline; padding: 10px; /* padding */ margin: 20px 0; ) #additionalmenu (ancho: 100%; top: 420px; /* Sangría desde el borde superior */ color de fondo: #000; /* color de fondo */ posición: relativa; )

#additionalmenu nav ( ancho: 940px; /*ancho del contenedor */ margen: 0 auto; ) #additionalmenu li ( display: inline; padding: 10px; /* padding */ margin: 20px 0; ) #additionalmenu ( ancho: 100% ; top: 420px; /* Distancia desde el borde superior */ background-color: #000 /* color de fondo */ posición: relativa)

Vamos a ver que pasó:

La visualización del menú que creamos aún está lejos de ser la ideal, pero con el cuidado adecuado, puedes darle un formato que combine con tu blog.

Widgets y complementos para agregar menús en WordPress

Te invito a ver un video sobre cómo crear un menú en WordPress:

El artículo menciona el widget de menú personalizado. Veámoslo con más detalle.

Vamos " Apariencia"-"Widgets", busque el widget "Menú personalizado" y arrástrelo a un área disponible para su tema y adecuada para el blog:

En nuestro caso, el bloque de menú se ha agregado a la barra lateral. Para ello seleccionamos las secciones del bloque Adicional que creamos.

En consecuencia, en el panel lateral de la derecha mostraremos el siguiente bloque:

Además del widget estándar integrado en el tema, también hay muchos complementos adicionales diseñados para crear varios tipos Menús: vertical, horizontal, desplegable, etc.

Aquí, por ejemplo, hay un complemento para crear un menú vertical multinivel en WordPress: Navgoco Vertical Multilevel Slide Menu.

O el widget del menú desplegable, que cuenta con funciones avanzadas de personalización.

Los widgets con efectos JQwery para menús también son populares, por ejemplo: JQuery Slick Menu Widget.

Veamos el principio de su funcionamiento con un ejemplo.

Después de instalar el widget de menú JQuery Slick, vaya a "Apariencia" - "Widgets".

Uno nuevo instalado por nosotros debería aparecer entre la lista de widgets disponibles. Muévelo a un área accesible, en nuestro caso la barra lateral:

Ampliemos su configuración:

Seleccione el nombre del menú (secciones que creamos), Texto de pestaña: el nombre del bloque que se mostrará en el sitio, la ubicación de ubicación (seleccione Izquierda, a la izquierda), Desplazamiento: el desplazamiento desde el borde superior en píxeles, Velocidad de animación: la velocidad de animación (rápida). Puede seleccionar Menú de cierre automático para que el bloque desaparezca automáticamente. Y elige el color del bloque. Haga clic en guardar y vea el resultado:

Ha aparecido un menú deslizante en el lado izquierdo del encabezado. Al hacer clic en la pestaña, aparece una visualización de secciones:

Al presionarlo nuevamente, el bloque desaparecerá nuevamente.

Esta es sólo una forma de instalar, editar y mostrar menús en WordPress.

Elige el más adecuado y manera conveniente Creando un menú para tu blog de WordPress. ¡Buena suerte!

El menú es la base de toda navegación del sitio. Gracias al menú, el usuario puede navegar rápidamente por el sitio y encontrar la información que necesita. Es muy posible decir que el sitio "comienza" con un menú, porque sólo este elemento puede darle al usuario una idea de la estructura del recurso de Internet.

WordPress listo para usar ofrece una gama bastante amplia de opciones para trabajar con menús. Por lo tanto, las herramientas integradas le permiten crear uno o varios menús, con cualquier anidamiento, agregar enlaces arbitrarios, etc. Pero a menudo, las herramientas estándar no son suficientes para que el propietario de un sitio web cree un menú que satisfaga todas sus necesidades.

Mega complemento Max Mega Menú

Normalmente, los desarrolladores de temas no proporcionan ninguna configuración avanzada para personalizar la apariencia del menú en el sitio. Por ejemplo, efectos de pasar el mouse y hacer clic, etc. Poderoso complemento gratuito Max Mega Menu está diseñado para ampliar las herramientas de navegación del sitio y ofrece al usuario de WordPress las siguientes opciones:

  • basado en el estándar sistema WordPress;
  • soporte para múltiples áreas de menú (cada una con su propia configuración);
  • proporcionando una cómoda funcionalidad de arrastrar y soltar Arrastrar y soltar;
  • capacidad de mostrar widgets de WordPress en el menú;
  • personalice los estilos de menú utilizando el editor de temas integrado;
  • soporte para estilos de submenú;
  • apoyo Flotar, Intención de desplazamiento o Hacer clic para abrir un submenú;
  • efectos Desteñir, Desvanecerse hasta, Deslizar hacia arriba o Deslizar al ir a un submenú;
  • la capacidad de agregar íconos a los elementos del menú;
  • opciones avanzadas de elementos del menú que incluyen “Ocultar texto”, “Desactivar conexión", “Escóndete teléfono móvil etcétera.;
  • alinear los elementos del menú a la izquierda o derecha de la línea y el elemento del menú principal;
  • diseño adaptativo para visualización en cualquier pantalla;
  • soporte para varios filtros/ganchos;
  • alta velocidad de trabajo;
  • Documentación detallada y foro de soporte.

Configurar el megamenú Max

Primero, el complemento debe estar instalado y activado. Ahora veamos lo que puede hacer. Para hacer esto, vaya a la sección de administración. Apariencia -> Menú. Cabe señalar que si aún no tiene un menú de navegación en su sitio, cree uno agregando los elementos necesarios. Hablamos en detalle sobre cómo crear un menú en un sitio web de WordPress en nuestros artículos anteriores. Después de esto, preste atención al bloque de opciones a la izquierda, que se llama Configuración máxima del mega menú.

Para que el complemento comience a funcionar, marque la opción Incluido.

Veamos brevemente cada una de las configuraciones.

Ajustes Evento determina en qué evento aparecerán los subelementos del menú.

Efecto es responsable de las apariencias de la animación y su velocidad.

En opción Sujeto Puedes elegir el diseño del menú. Por defecto sólo hay un tema. Te contamos cómo crear el tuyo propio a continuación.

Haga clic en él, después de lo cual se abrirá una ventana emergente con la configuración.

La ventana de configuración está dividida en tres pestañas.

Pestaña Megamenú le permite determinar si se mostrará un menú normal o un menú con widgets. Si se selecciona este último, entonces en la lista Modo de visualización del submenú necesita ser especificado Megamenú y seleccione los widgets necesarios en la lista adyacente. Si requiere un menú regular, debe seleccionar Menú desplegable.

Pestaña Ajustes le permite personalizar los elementos del menú. Hay opciones de texto, enlaces, íconos, adaptabilidad y más.

en la pestaña Icono Puede configurar un icono para los elementos del menú.

Podemos concluir que las configuraciones presentes en el complemento le permiten configurar de manera flexible cada elemento de navegación individualmente.

Ahora deberíamos considerar configuraciones de complementos más globales. Megamenú máximo. Para hacer esto, vaya al menú de administración a la sección Mega menú -> Configuración básica. Se puede ver que existen todo tipo de opciones técnicas para el complemento. En principio, se pueden dejar por defecto. También aquí puede configurar el comportamiento del menú al hacer clic con el mouse, su adaptabilidad, configuración. CSS etcétera.

en el capitulo Mega Menú -> Temas El menú se puede modificar o crear. nuevo tema registro Se puede ver que hay una gran cantidad de configuraciones diferentes, incluyendo color, tamaño, sombra, animación, relleno, orientación para computadora y vista móvil. Si es necesario, también puedes utilizar el tuyo propio. CSS-normas. Los temas creados de esta manera se pueden aplicar en el editor de menú.

en el capitulo Mega menú -> Ubicaciones del menú Podrás crear nuevas áreas para colocar menús. Después de la creación recibirás un especial. PHP-código que le permite publicar áreas en cualquier parte del sitio, en archivos temáticos, así como un código corto que permite agregar áreas de menú directamente a publicaciones/páginas.

Capítulo Mega Menú -> Herramientas sirve para exportar/importar temas creados previamente, y también hay varias opciones más técnicas (borrar caché, eliminación completa todos los datos del complemento).

Como conclusión

Enchufar Megamenú máximo tiene una gran cantidad de configuraciones, gracias a las cuales puede crear una navegación original y colorida en su sitio.

Haga clic en uno de los botones para saber si le gustó el artículo o no.

me gusta 1 no me gusta

Megamenú principal este es un complemento para creación rápida menú para wordpress. Tiene funciones especiales, que facilitan el trabajo en él.

  • Menús fijos y desplegables, íconos, logotipo y búsqueda.
  • Varios colores. Además, puedes cambiar el color de cualquier opción del menú. Además de los colores, también se utilizan degradados, patrones de fondo e imágenes.
  • El contenido tiene hasta 10 variaciones. También puede colocar contenido en menús desplegables. Puede contener de todo, desde enlaces hasta imágenes y códigos cortos.
  • Puede utilizar hasta 1600 iconos en el menú del sitio. Estos iconos tienen gráficos vectoriales por lo que no requieren grandes volúmenes ni permisos. Esto te permitirá utilizarlos incluso en un teléfono celular.
  • Las fuentes también tienen sus propias variaciones. Puede usar 600 fuentes de google, que se puede configurar fácilmente en la configuración del complemento.


El complemento se instala de la forma habitual, como todos los programas, y no presenta ninguna dificultad. Una vez que lo hayas activado, entonces deberás dirigirte al menú principal. En esta página de menú, verá cuatro opciones en el lado izquierdo. Esta es la opción principal con Configuración general, luego la opción de configuración de apariencia de la página llamada máscaras, que cambia el color, fuente, etc. Además, las dos últimas opciones son comunicación con soporte y configuraciones especiales para profesionales.

En opciones generales Hay tres opciones: primaria, menú_móvil, secundaria. La sección principal se utiliza para configurar todos los valores del menú principal. Por ejemplo, allí puede configurar la altura, el suavizado de los iconos y personalizar la imagen del logotipo. En móvil y secundaria estas configuraciones se reproducen por separado.


En la configuración de máscaras También hay tres variaciones de configuración: primario, extra, pie de página. En la primera opción podemos personalizar el fondo del contenedor principal y elegir vistas horizontales, verticales y radiales. Luego la fuente del primer párrafo, etc.


En parámetros específicos puede configurar la retroalimentación para dispositivos portables. Luego puede configurar la resolución y el estilo de la pantalla.

La última opción es configurar la estructura del sitio. Aquí eliges qué opción habilitar y cuál deshabilitar.

Entonces, este es un excelente complemento de menú que puede transformar tu tema. Con su ayuda, puedes llenarlo fácilmente con íconos, imágenes y otros elementos. Lo principal es que su cualidad es que tiene una funcionalidad sencilla. no como los otros Complementos del mega menú principal tiene un impacto insignificante en el sitio.

Según tengo entendido, el término mega menú en WordPress significa un enorme bloque súper funcional con muchos elementos diferentes: listas, imágenes, textos, controles deslizantes, etc. Seguramente has conocido a personas así. Algún día publicaré una colección completa sobre el tema, pero hoy hablaremos de bastante decisión específica— Complemento Max Mega Menu. Lo elegí porque ya lo había probado en el trabajo, muchas veces termina en listas, además tiene una de las versiones gratuitas (Lite) más inteligentes y en constante desarrollo.

Inmediatamente después de instalar Max Mega Menu en WordPress, su navegación estándar se transformará en un mecanismo más potente y funcional con la capacidad de agregar varios tipos de widgets, un editor conveniente y un montón de ajustes adicionales. Descargue el complemento desde aquí o búsquelo a través del administrador de WP.

En este momento La versión mínima requerida del sistema es 3.8, hasta la última versión ahora es 4.8.3. Cerca de 100 mil descargas. Me gusta que en los últimos 2 meses se han solucionado casi 70 errores diferentes de 89, lo que indica una buena actividad por parte de los desarrolladores.

Principales funciones y características de Max Mega Menu

  • Se admiten varias ubicaciones de ubicación, para cada una de las cuales puede elegir sus propios parámetros;
  • Fácil trabajo con elementos de navegación mediante Drag&Drop.
  • Suma.
  • Hay un conveniente editor de temas.
  • Agregar cualquier widget: imágenes, textos, listas, etc.
  • Condición de activación: al pasar el mouse, haga clic.
  • Efectos de visualización del submenú: salida, apariencia/desvanecimiento, etc.
  • Diferente opciones adicionales por tipo de texto/enlace oculto o desactivado version móvil. El último punto ayudará a simplificar la creación de un archivo separado.
  • Alineación de elementos del menú.

Para comprender lo interesante y conveniente que es todo esto, le aconsejo que mire el siguiente video:

Además, los desarrolladores pueden presumir de un enfoque muy correcto y correcto para crear su solución. WordPress Max Mega Menu es un producto de muy alta calidad, aquí hay un par de confirmaciones:

  • todo el diseño se establece usando uno archivo css, donde la propiedad importante "famosa" no se utiliza en absoluto;
  • Compatibilidad con Retina, adaptabilidad y activación en teléfonos inteligentes y tabletas (probado en casi todos los navegadores de escritorio y móviles existentes);
  • código limpio, los scripts JS cuando se comprimen con gzip ocuparán menos de 2 Kb;
  • soporte para varios filtros/ganchos;
  • documentación detallada + a diferencia de muchos otros complementos, mantiene el foro bastante animado.

Configurar y trabajar con Max Mega Menu

Inmediatamente después de la instalación, aparecerá una sección con el mismo nombre en el panel de administración. En “Configuración Básica” podrás ajustar varias opciones respecto al comportamiento de submenús, dispositivos móviles, etc. Los “temas” parecen mucho más interesantes.

Aquí hay 6 pestañas con diferentes características:

  • Básico: elige el tipo de flechas, sombras, altura de línea, etc.
  • Barra de menú: diseño del bloque principal: fondos, sangrías, fuentes, desplazamiento.
  • Mega menús: estilos y configuraciones de mega menús.
  • Los menús desplegables son un conjunto de estilos similares a los demás.
  • Menú móvil: activa el tamaño de la pantalla y otras opciones menú móvil.
  • Diseño personalizado: agregue el suyo propio estilos CSS.

Una vez configurados los parámetros básicos, vaya a la sección de administración de WP "Apariencia" - "Menú".

Debe seleccionar el menú con el que desea trabajar y luego, en su configuración, marcar la casilla "Habilitado". Puede activar Max Mega Menu en WordPress solo cuando el menú tiene un área de visualización especificada en la plantilla (encabezado, pie de página, barra lateral, etc.). También hay parámetros para efectos y eventos de activación.

Para abrir el editor de módulos, coloque el cursor sobre uno de los elementos de la jerarquía y haga clic en el botón "Mega Menú" que aparece. Una ventana emergente mostrará la herramienta correspondiente, que quizás haya visto en la presentación en video del complemento anterior.

Aquí puede, en primer lugar, determinar el número de columnas y también agregar cualquier widget. Además, se puede cambiar el tamaño de cada elemento. Solo puede seleccionar widgets en el primer nivel de navegación (principal). Si hace clic en el botón "Mega Menú" frente a otros elementos, solo para configurar iconos y varias propiedades:

Ocultar texto/enlace, alinear y deshabilitar en escritorio/móvil es un conjunto de funciones muy útil. Es posible configurar opciones similares en cada elemento del menú. No olvides guardar tus cambios.

Max Mega Menu Pro y conclusiones

Por lo general, además del repositorio, este desarrollo también cuenta con un sitio web independiente. Hay descripciones de todas las capacidades del módulo, se presenta documentación y una pequeña demostración del mismo, y también hay un enlace a soporte técnico y descargas. El costo de la versión avanzada de Max Mega Menu Pro, en principio, no es tan alto: para 1 / 5 / 99 sitios le costará $23 / $35 / $99 dólares respectivamente. Esto incluye actualizaciones y soporte durante todo el año. Si es desarrollador, al obtener una licencia Pro Business e instalar el complemento en 5 sitios, obtendrá el costo total de la solución = ¡7 dólares!

Qué se incluye en Max Mega Menu Pro:

  • Integración Fuentes de Google, la presencia de FontAwesome e íconos personalizados en la configuración.
  • Admite menús verticales y de acordeón.
  • Logotipo general en navegación + bloque de búsqueda.
  • Estilos de artículos individuales.
  • Soporte para WooCommerce y EDD.
  • Posibilidad de personalización.
  • Búsqueda, iconos/logotipos y HTML para elementos móviles.
  • Actualización automática y soporte prioritario.

Para sitios clásicos ordinarios, el habitual es suficiente. versión gratuita Max Mega Menu en WordPress, que tiene muy buena funcionalidad. Varias configuraciones hay mucho aquí. También me gustó que los desarrolladores apoyaran su creación, corrigieran los errores actuales con relativa rapidez y cuidaran la limpieza/corrección del código. Tomará algún tiempo familiarizarse, pero valdrá la pena. Para que sea más fácil comprender cómo funciona el complemento, mire el video y lea la documentación.

¿Qué módulos de Mega Menú en WordPress usas y por qué? ¿Has trabajado con esta solución? ¿Qué puedes agregar al respecto?

Tiempo de lectura: 8 minutos. Publicado el 01/11/2016

¡Hola!¡Seguimos analizando los complementos más interesantes y útiles para el sitio de WordPress! Hoy conocerás un complemento súper útil que te permitirá crear un menú desplegable horizontal. Puede insertar cualquier widget, texto, editor, fotos, videos, formularios, código html en el menú desplegable.

Podrás personalizar completamente la apariencia del menú y personalizar el menú desplegable. Puede agregar hasta 8 columnas de ocho columnas a un menú desplegable horizontal. Puede desactivar el menú desplegable para dispositivos móviles. Complemento muy flexible, ¡puedes crear un súper menú!


Puede instalar el Super complemento directamente desde el panel de administración de WordPress. Vaya a la página: Complementos – Agregar nuevo, ingrese el nombre del complemento en el formulario de búsqueda, presione Entrar, instale y active el complemento.



Configuración general .

Haga clic en Comportamiento del evento, comportamiento de clic. Aquí tienes dos opciones para elegir:

  • El primer clic abrirá un submenú, el segundo clic cerrará el submenú, el primer clic abre un submenú, el segundo clic cierra el submenú;
  • El primer clic abrirá un submenú, el segundo clic seguirá el enlace, el primer clic abre un submenú, el segundo clic abre el enlace.
  • Déjalo como predeterminado, no cambies nada.

Comportamiento del menú móvil, comportamiento en el menú del móvil,

  • Estándar: los submenús abiertos permanecerán abiertos hasta que el usuario los cierre., Estándar: un submenú abierto permanecerá abierto hasta que el usuario lo cierre.
  • Acordeón: los submenús abiertos se cerrarán automáticamente cuando se abra otro Acordeón: los submenús abiertos se cerrarán automáticamente cuando se abra otro.

Salida CSS Déjelo como predeterminado, no es necesario cambiar nada aquí.

Descripciones de elementos del menú, habilitar o deshabilitar descripciones de elementos del menú.

Instancias de menú activo Algunos temas mostrarán la ubicación del menú varias veces en la misma página. Por ejemplo, su tema podría mostrar una ubicación de menú después del menú principal y luego nuevamente para el menú móvil. Esta opción se puede utilizar para garantizar que Max Mega Menu solo se aplique a una de estas instancias.

.

Temas de menú .

Seleccione el tema para editar, Este es el menú que editarás. Puede crear y seleccionar un menú diferente.

Título del tema, Título del tema del menú, déjelo como predeterminado.

Flecha, puede seleccionar la flecha que aparece en el elemento del menú desplegable.

Altura de la línea, línea de altura.

índice Z, el indicador de índice Z se puede dejar en su valor predeterminado.

Sombra, Puede personalizar la sombra del menú.

transiciones de desplazamiento, habilite las transiciones al pasar el cursor sobre los elementos del menú.

Restablecer el estilo del widget, deshabilite los estilos de widgets de Mega Menú.

Barra de menús .

altura del menú, altura del menú.

Fondo del menú, color de fondo del menú.

Relleno del menú tapizado de menú.

Radio del borde del menú, Radio del borde del menú.

Los elementos del menú se alinean, Ubicación de los elementos del menú.

Fondo del elemento del menú, Color de fondo de los elementos del menú.

Fondo del elemento del menú (desplazar el cursor), Color de fondo del elemento del menú cuando se coloca el cursor sobre él.

Espaciado de elementos de menú, Intervalo de elementos del menú.

Fuente, parámetros de fuente, color, tamaño, ubicación, familia, etc.

Fuente (desplazar el cursor) opciones de fuente flotante.

Relleno de elementos del menú, tapizado de elementos de menú.

Borde del elemento del menú, Opciones de borde de elemento de menú.

Borde del elemento del menú (desplazar el cursor), Opciones de borde de elemento de menú al pasar el mouse.

Radio del borde del elemento del menú, Parámetros del radio del borde del elemento de menú.

Divisor de elementos de menú, Separador de menú.

Resalte el elemento actual, resaltar el elemento del menú actual.

Mega menús .

fondo del panel, Color de fondo del menú desplegable.

Ancho del panel El ancho de la ventana del menú desplegable.

acolchado de paneles, tapicería.

borde del panel, color y tamaño del borde.

Radio del borde del panel, radio del borde.

Relleno de artículos, relleno de elementos de menú en un menú desplegable.

widgets .

fuente de encabezado, Opciones de fuente del título del widget en el menú desplegable.

Relleno de rumbo relleno del encabezado.

Margen de rumbo rellenos de los bordes del encabezado del widget.

borde del encabezado, parámetros de borde fronterizo.

fuente de contenido, fuente en el contenido del widget.

Elementos del menú de segundo nivel .

Fuente, Fuente del elemento de menú de segundo nivel.

Fuente (desplazar el cursor) fuente flotante.

Fondo (desplazar el cursor), color de fondo al pasar el mouse.

Relleno, tapicería.

Margen, sangría

borde, bordillo, frontera.

Elementos del menú de tercer nivel . La misma configuración, solo para los elementos del menú de tercer nivel.

Menús desplegables .

Fondo del menú, Color de fondo del menú desplegable de segundo o tercer nivel.

Ancho del menú ancho del menú.

Relleno del menú tapicería.

borde del menú, borde.

Radio del borde del menú, radio del borde.

fondo del artículo, color de fondo del elemento del menú.

Fondo del elemento (desplazar el cursor), color de fondo del elemento cuando se coloca el cursor sobre él.

altura del artículo, altura del elemento del menú.

Relleno de artículos tapizado del artículo.

fuente del artículo, fuente del texto en el elemento del menú.

Fuente del elemento (desplazar el cursor), fuente flotante.

Divisor de artículos separador de elementos.

Menú móvil .

Alternar diseñador de barras, Esto muestra cómo se ve el menú en dispositivos móviles.

Punto de interrupción responsivo, ancho para pasar al menú del móvil.

Fondo de la barra de alternancia, Color de fondo del botón de apertura del menú móvil.

Desactivar alternancia móvil, Puede desactivar el interruptor de menú.

Altura de la barra de alternancia, Altura del interruptor del menú móvil.

Columnas de mega menú,¿Cuántas columnas hay en un menú desplegable en un sitio móvil?

Fondo del menú, color de fondo del menú móvil.

Altura del elemento del menú, altura del elemento del menú.

Estilo personalizado. Aquí puede agregar sus propios estilos CSS para el menú.

Guarda tus cambios.

Ubicaciones del menú .

– aquí puede crear áreas de menú a las que luego puede agregar menús. Para crear un área para el menú, haga clic en el botón – Agregar otra ubicación del menú.


Área de menú puede agregar al sitio usando un código corto o un código php.


En la página: Apariencia – Menú – Gestión de área, podrás agregar un menú para el área.


Herramientas .

Cache Aquí puede borrar el caché de CSS, no es necesario, el caché se borra automáticamente cada vez que se guarda el menú.

Datos del complemento elimine todos los datos del complemento guardados en la base de datos de WordPress. ¡Solo si se elimina el complemento!

Exportar tema, Puede exportar el tema del mega menú en formato JSON o PHP.

importar tema, Puedes importar el tema del mega menú.

Permitir Marque la casilla aquí para habilitar el mega menú.

Evento, Aquí puede elegir cómo se abrirá el menú desplegable.

Efecto Puede seleccionar un efecto en el menú desplegable.

Tema, tema de menú predeterminado.

Después de activar el mega menú, en cada widget de página, al pasar el cursor, aparecerá un botón: Mega Menú. Haga clic en este botón para configurar el menú desplegable para este elemento del menú.


Más, se abrirá una ventana. En la parte superior derecha, haga clic en el campo ancho para seleccionar un widget y agregarlo al menú. En la parte superior derecha puedes seleccionar cuántas columnas habrá en el menú desplegable. Los widgets se pueden distribuir en un panel desplegable; puede especificar qué parte ocupará el widget, por ejemplo, 1/2 o 1/3. Haga clic en las flechas derecha e izquierda para indicar qué parte ocupará el widget.


Para abrir y configurar el widget, agregue cualquier contenido, etc., en el lado derecho del widget, haga clic en el ícono de llave. Configure el widget y guárdelo.


Ocultar texto, ocultar texto del elemento del menú.

Ocultar flecha, ocultar flecha.

Ocultar elemento en el móvil, Ocultar elemento de menú en dispositivos móviles.

Ocultar elemento en el escritorio, Ocultar elemento de menú en computadoras.

Elemento del menú Alinear, Ubicación del elemento del menú.

Submenú Alinear Ubicación del menú de segundo nivel.

Ocultar submenú en móvil, ocultar el menú de segundo nivel en dispositivos móviles.

Guardar cambios.



¡Todo está listo!¡Guarda el menú, ve al sitio y disfruta del resultado!

¡Atención! Después de habilitar Mega Menú, el estilo de menú predeterminado cambiará por completo. Deberá personalizar el estilo del menú en la configuración, en el “Temas de menú”.

¿Aún tienes preguntas? ¡Escribir un comentario! ¡Buena suerte!