Cómo diseñar un mega menú avanzado estilo Elegant Themes con el generador de temas de divi

Este tutorial aprenderás a diseñar, crear el mega menú del sitio de Elegant Themes, este menú lo vamos a personalizar con el generador de temas de divi (mejor conocido como Divi Theme Builder) y un plugin llamado Divi Mega Menu de Divi Engine. Cabe mencionar que este tutorial es Freemium, es decir, está disponible tanto en YouTube como en los tutoriales de WP Academia la diferencia es que si lo ves desde la Academia tendrás a disposición todos los materiales y recursos que utilizamos en este tutorial. En este ejercicio vamos a empezar construyendo el header o cabezal que estará conformado por un logotipo, enlaces del menú y un botón de llamada a la acción, este header tendrá un efecto sticky el cual consiste en que al desplazarnos sobre la página el header se quede fijo en la parte superior y reemplace algunos estilos como: cambio de color de fondo, reducción de tamaño de la tipografía, logotipo de blanco a negro, botón de llamada la acción más pequeño. Lo anterior lo vamos a lograr con los módulos y opciones por defecto que ya vienen con divi, de igual forma la creación de cada uno de los mega menús los vamos a diseñar completamente con el divi builder, en cambio, para la funcionalidad del mega menú vamos a necesitar de un plugin premium que te dejaré en la pestaña materiales dentro de los tutoriales exclusivos. Si lo deseas también puedes usar algún otro plugin de mega menús e incluso hacerlo sin plugins tal y como lo hicimos en este tutorial. Bueno, ya fue mucho bla bla bla, mejor dale play al video y disfruta de este increíble tutorial. Un abrazo.

Artículos relacionados

Respuestas

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *