Saltar al contenido

Potencia tu menú de WordPress con Max Mega Menu

Todo propietario de una web sabe que el tráfico es el elemento vital de su sitio y que un buen contenido es la clave para conseguir la inundación. Pero conseguir visitantes no es lo único; retenerlos también es esencial. Aquí es donde el diseño web y la interfaz de usuario juegan un papel importante. Si su sitio web es intuitivo y agradable a la vista, su visitante pasará más tiempo en su sitio, los motores de búsqueda amarán más su sitio y su sitio obtendrá una posición más alta en los resultados de búsqueda.

Uno de los Los elementos clave del diseño web intuitivo y fácil de usar es el menú. Si desea que su menú se destaque entre la mayoría de los demás menús web ordinarios que existen, puede usar el mega menú para incluir imágenes, widgets y prácticamente cualquier elemento web interactivo que desee dentro de su menú. Y si es un usuario de WordPress, hay un complemento para eso.

Entender los mega menús

¿Qué es un mega menú? Es una de las tendencias recientes en diseño web que ha sido recogida por los principales sitios, especialmente en el ámbito del comercio electrónico como Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us, etc. La naturaleza de un mega menú lo hace perfecto para los minoristas en línea. Pero también es ideal para otros tipos de sitios web, como The White House o IMDB.

Potencia tu menú de WordPress con Max Mega Menu - 1

El menú es tan antiguo como el sitio web en sí. Es la herramienta que utilizan los visitantes para ayudarles a navegar por los sitios web que visitan. Los menús tradicionales que hemos llegado a amar y odiar brindan a los usuarios cadenas de texto y texto desplegable para realizar su tarea, pero un mega menú lleva las cosas un poco más.

El mega menú permite a los usuarios agregar otros elementos web al menú. Por ejemplo, puede incluir las últimas cinco publicaciones de su blog junto con sus imágenes destacadas dentro del menú. Con esta capacidad, los minoristas en línea pueden agregar imágenes de sus productos y tal vez las ofertas del día en el mega menú y usarlo como otra valla publicitaria donde pueden promocionar aún más sus productos.

Agregar un mega menú a su WordPress Blog

Si WordPress impulsa su sitio web y desea insertar el mega menú como parte de la experiencia del usuario, el proceso es tan fácil como instalar un complemento y realizar una pequeña configuración.

Allí Son varias las alternativas que puedes encontrar en el repositorio de plugins de WordPress, pero vamos a utilizar una de las más populares con más de 100 mil instalaciones, un ranking casi perfecto de cinco estrellas, y que se actualiza periódicamente: Max Mega Menú . Puede usarlo con su tema existente y editarlo arrastrando y soltando los elementos.

Puede obtener el complemento desde su panel de WordPress yendo al menú “Complementos -> Agregar nuevo” y buscando ” Max Mega Menú. ”

Potencia tu menú de WordPress con Max Mega Menu - 2

Después de instalar y activar el complemento, vaya a“ Apariencia -> Menús ”en la barra lateral. Luego, debe habilitar Max Mega Menu a través de su configuración a la izquierda del árbol de menú. Si no puede encontrar la configuración, intente seleccionar “Principal” como el menú para editar en el menú desplegable.

Verá las opciones adicionales del Mega Menú cuando pase el puntero del mouse sobre uno de los elementos de menú individuales.

Potencia tu menú de WordPress con Max Mega Menu - 3

Puede usar los menús existentes como base para agregar mega menús, o también puede crear un nuevo conjunto de menús desde cero. No discutiremos cómo crear un menú en WordPress, ya que es otra historia en sí misma, pero puede consultar la página oficial para obtener orientación.

Al hacer clic en las opciones del Mega Menú se iniciará un panel que contiene todas las configuraciones del Mega Menú para este elemento de menú. Las acciones básicas que puede realizar son:

  • Elija entre el menú desplegable normal, en cascada, llamado “Flyout” o “Mega Menú” donde el área del menú llena el ancho del menú
  • Agregar widgets disponibles al menú
  • Elija cuántas columnas desea usar para ese menú en particular

Potencia tu menú de WordPress con Max Mega Menu - 4

Cada widget adicional viene con el botón de edición para permitir a los usuarios ajustar el contenido interno.

Dado que los resultados finales dependerán de los widgets que coloques en el mega menú, todo se reduce a los widgets que tienes en tu arsenal. Cuantos más elementos haya en sus colecciones, más posibilidades tendrá.

Algunos temas y complementos vienen con sus propios widgets especiales. También puede encontrar más widgets de WordPress con la ayuda del buen Google. Y dado que puede agregar prácticamente cualquier cosa utilizando la combinación del widget “Texto” y la codificación de luz, el cielo es el límite para su imaginación.

Estudio de caso rápido

Para darle una idea de lo que puede hacer con el complemento, intenté hacer un caso de estudio rápido.

Primero cambié el menú de Flyout a Mega Menu. Luego elegí un menú existente con submenús dentro, eliminé algunos de los submenús que no necesito y abrí el panel Max Mega Menu. Ajusté la columna para que coincidiera con la cantidad de submenús, y agregué una imagen usando el widget de imagen de JetPack.

Para hacer las cosas mejor, también agregué un calendario y un widget de íconos de redes sociales, solo porque puedo.

Ahora comparemos el antes y el después de nuestro pequeño estudio de caso. Así es como se veía el menú antes de agregar el mega menú.

Potencia tu menú de WordPress con Max Mega Menu - 5

Y aquí está el resultado de mi menú después del ajuste.

Potencia tu menú de WordPress con Max Mega Menu - 6

Entonces, ¿qué opinas del mega menú? ¿Es solo una tendencia temporal o se mantendrá más tiempo? ¿Agregará un mega menú a su sitio? Comparta su opinión en los comentarios a continuación.