Lo más destacado del complemento Divi: Divi Essential

Divi Essential es un complemento de terceros para Divi que agrega más de 60 módulos nuevos a Divi Builder. Los módulos incluyen muchas animaciones y características de diseño para darle a su sitio web Divi un aspecto profesional. En este complemento destacado, veremos Divi Essential y veremos qué tipos de módulos tiene para ayudarlo a decidir si es el complemento adecuado para sus necesidades Divi.

Módulos Divi Essential

Sube y activa el complemento como de costumbre. No se requiere ninguna otra configuración. Divi Essential agrega más de 60 módulos nuevos a Divi Builder. En la lista de módulos, son azules y muestran un degradado violeta a un lado al pasar el mouse. Sus nombres son descriptivos, lo que facilita la comprensión de lo que pueden hacer. Algunos de los nombres no son tan fáciles de entender al principio, pero una vez que cargas el módulo en tu página, es obvio para qué sirven. Veremos algunos de los módulos que se destacan.

Siguiente control deslizante de cubo 3D

3D Cube Slider muestra las diapositivas en el lateral de un cubo. Luego, el cubo gira para mostrar la siguiente diapositiva. Cada una de las diapositivas se crea con submódulos. Puede diseñarlos juntos o individualmente. A diferencia de un cubo real, puede tener tantos lados (o diapositivas) como desee.

Siguiente anuncio

Next Blurb es similar al módulo de propaganda estándar, pero agrega varios elementos nuevos que incluyen texto de encabezado previo y posterior, múltiples fondos y efectos 2D y de desplazamiento de inclinación. Agregué varios colores de fondo y habilité el efecto de inclinación en este ejemplo. Los azulejos también pueden incluir deslumbramiento e inclinación inversa.

Siguiente botón

El botón Siguiente funciona como un botón estándar, pero tiene muchas configuraciones de desplazamiento. Especifique diferentes tamaños, colores y animaciones para los colores, el borde y el icono.

Siguiente imagen circular

Imagen circular muestra la imagen dentro de un círculo e incluye muchas opciones de desplazamiento. Cuando se desplaza sobre la imagen, se realizará una animación y se mostrará una superposición con un encabezado y contenido. El contenido se crea con el editor de texto estándar, por lo que puede incluir medios y código. Hay 19 efectos de desplazamiento para elegir y puede seleccionar la dirección de desplazamiento. También puede agregar un borde de color a la imagen.

Siguiente control deslizante Coverflow

Coverflow Slider es un control deslizante interesante que muestra las diapositivas como imágenes que se superponen entre sí. La diapositiva actual es la más grande y se coloca cerca del centro. Los otros se hacen más pequeños cuanto más se alejan de la diapositiva actual. A medida que el control deslizante cambia a la siguiente diapositiva, las diapositivas se desplazan para que la del centro sea la más grande.

Siguiente revisión de Divi

Divi Review se puede utilizar como módulo de persona y como módulo de revisión de producto. Este módulo funcionaría bien al revisar y calificar servicios. Incluye una imagen, un sistema de clasificación y un texto con el nombre, la posición y la descripción. Tiene un borde y una sombra de caja por defecto.

Siguiente divisor

Siguiente divisor Le permite un divisor con un icono o una imagen y luego diseñar los elementos individuales. Elija la ubicación de la imagen, cambie el tamaño del divisor, ajuste su color, espacio, etc. Esta es una buena opción para mostrar el autor de un artículo, un miembro del equipo, un producto y mucho más. Agregué una imagen y aumenté el ancho en este ejemplo.

Siguiente botón dual

El botón dual es interesante. Tiene dos botones que puedes diseñar de forma independiente. Incluyen muchos efectos de desplazamiento. Agregué los dos botones y le di a cada uno diferentes efectos de desplazamiento.

Siguiente lista de funciones

Feature List le permite crear una lista usando submódulos. Muestre un icono o una imagen, ajuste el tamaño de los iconos, las imágenes y el texto, y personalice cada elemento de forma independiente o conjunta. En este ejemplo, agregué imágenes, aumenté el tamaño de la imagen y el texto, cambié el color del texto para un submódulo y le di otro submódulo y color de borde y fondo.

Cuadro flotante de imagen siguiente

Image Hover Box muestra una imagen y luego reemplaza la imagen al pasar el mouse por una superposición de fondo, título y contenido. Puede agregar cualquier cosa al contenido que desee y diseñar cada uno de los elementos. Elija entre 13 efectos de desplazamiento y 4 direcciones. Las animaciones son interesantes. Las imágenes pueden girar, voltear, rotar, hacer zoom y más.

Efecto de icono de imagen siguiente

Efecto de icono de imagen le permite habilitar hasta cuatro iconos que se agregan a una superposición que aparece en la parte inferior de una imagen al pasar el mouse. La superposición también muestra un encabezado y texto. Los iconos pueden ser enlaces, como los del ejemplo anterior. Esta es una forma interesante de agregar botones de seguimiento social u otros enlaces a una imagen.

Desplazamiento de imagen siguiente

Image Scroll coloca una imagen en una ventana que es más corta que la imagen. Cuando pase el cursor sobre la imagen, se desplazará dentro de la ventana para revelar el resto de la imagen. Incluye una superposición y un botón. La superposición desaparece al pasar el mouse. Esto es excelente para mostrar productos como diseños Divi, mapas de ubicaciones u otros tipos de imágenes altas.

Siguiente Galería de Albañilería

Masonry Gallery muestra una galería en una cuadrícula. Cada una de las imágenes cambia de tamaño para ajustarse a la cuadrícula. Puede establecer el número de columnas, el ancho de la canaleta, agregar bordes a las imágenes, personalizar las superposiciones y diseñarlas como cualquier imagen. Al hacer clic en una imagen, se abre en una caja de luz.

Siguiente efecto de imagen mega

Mega Image Effect muestra una imagen y la reemplaza con una superposición y un botón al pasar el mouse.

Incluye configuración de fondo de desplazamiento y fondo de botón. Aquí está la superposición al pasar el cursor sobre la imagen. También tiene efectos de desplazamiento y efectos de selección de texto. He configurado la superposición en azul y el texto en blanco.

Siguiente caja de promoción

Promo Box es uno de los módulos más interesantes. Es un módulo de presentación de productos e incluye la imagen, el encabezado, el texto anterior y posterior al encabezado, la descripción, el botón y una insignia de oferta. La oferta muestra un porcentaje de descuento y es excelente para realizar ventas. Cada uno de los elementos se puede diseñar por separado.

Flujo del siguiente paso

Step Flow es una versión interesante de un módulo de propaganda. Muestra un paso que incluye una imagen o icono, una flecha, una insignia y contenido. La flecha puede apuntar en cualquier dirección y puede ajustar los estilos del texto, la flecha, la insignia y el círculo. Esto es excelente si desea mostrar los pasos en un orden numerado y hacer que cada uno apunte al siguiente.

Próxima línea de tiempo

La línea de tiempo muestra tarjetas en una línea de tiempo en un diseño alterno. Las tarjetas se agregan como submódulos. Muestre imágenes o íconos, agregue cualquier tipo de contenido que desee, habilite o deshabilite el botón y diseñe cada elemento de forma independiente. Diseñé la primera tarjeta con un fondo azul más oscuro, texto blanco y un botón azul claro. Dejé la segunda tarjeta con la configuración predeterminada.

Compra Divi Essential

Divi Essential está disponible en Divi Marketplace. Incluye más de 60 módulos y acceso a más de 500 diseños diseñados profesionalmente utilizando los módulos. El costo normal es de $ 79 por uso ilimitado del sitio web e incluye 1 año de soporte y actualizaciones.

Pensamientos finales

Esa es nuestra mirada a Divi Essential. Hay muchos módulos y opciones en este complemento de terceros para Divi. Solo he arañado la superficie de lo que pueden hacer. El uso de los módulos y sus configuraciones fue tan intuitivo como cualquier módulo Divi.

Algunos de ellos, como los módulos de miembros del equipo o los módulos de texto, parecen combinarse con sus opciones como selecciones dentro del módulo. Eso no quita la gran cantidad de opciones que brindan y probablemente las hace más fáciles de usar, ya que puede cargar un módulo con las características exactas que desea.

Hay muchos módulos y opciones en este complemento. Si está interesado en agregar muchos módulos nuevos a su sitio web Divi, Divi Essential es una excelente opción.

Queremos escuchar de ti. ¿Has probado Divi Essential? Háganos saber lo que piensa al respecto en los comentarios.

Imagen destacada a través de Inspiring / shutterstock.com