Megamenú en DIVI sin Plugins

por | Ago 18, 2018 | DIVI (Elegant Themes), Tutoriales, Wordpress

Algunos sabrán que con DIVI es posible crear Megamenús sin necesitar ningún complemento. El aspecto de este depende solo de nuestra imaginación. Por supuesto que hay complementos de terceros que harán la tarea por nosotros, pero en este tutorial veréis lo fácil que es, hasta el punto de pensar si merece la pena o no utilizar plugins.

Lo primero y obvio es tener un menú estructurado de tal forma que tengamos subobsiones en el mismo, ya sean páginas, entradas, categorías. Yo en este caso, no crearé nada, solo enlaces personalizados que no me llevarán a ningún lado, pero que si me servirán para que veáis lo que se puede llegar a hacer.

Nos vamos a la opción apariencia > menus y creamos uno o usamos el que ya tengamos.

Una vez dentro, debéis colocar lo que os remarco en rojo

Lo importante aquí es colocar en clase css la palabra mega-menu. Esta es una clase propia de DIVI la cual convierte un submenú en un megamenu.

Para este ejemplo, utilizaré cuatro enlaces con fotos, por ejemplo de las cuatro estaciones del año.

Vamos a crear nuestro cuatro enlaces personalizados:

En URL obvio que colocamos a donde queremo que vaya el enlace.

En texto del enlace yo he colocado

<img src=”http://localhost/divi/wp-content/uploads/2018/08/primavera.jpg”><p>Primavera</p>

Esto es simplemente una imagen seguida de un párrafo descriptivo. Esto lo hacemos tantas veces como opciones queremos que tenga nuestro menú.

Este sería el resultado:

La cosa puede llegar a tener infinitas posibilidades, ya que incluso podremos incluir otros módulos de DIVI en el megamenú, aunque para eso si haría falta un par de plugins muy livianos.

Si estáis interesados en saber como colocar cualquier módulo de DIVI como una opción más del menú, os ruego me lo comentéis y con gusto haré un tutorial.

Share This
A %d blogueros les gusta esto: