Divi Plugin Highlight: Divi Supreme


Divi Supreme es un complemento de terceros que agrega muchas características y módulos nuevos a Divi. Agrega 25 módulos, 5 extensiones y un widget para expandir en gran medida lo que ya es posible con Divi. Los módulos y el widget también son compatibles con Extra. En este artículo, echaremos un vistazo a Divi Supreme, veremos qué puede hacer y veremos qué fácil es usarlo.

Extensiones Divi Supreme

La pestaña Configuración general contiene cinco interruptores donde puede habilitar extensiones que agregan nuevas funciones a Divi. Incluyen la capacidad de programar contenido, usar una plantilla Divi, ventanas emergentes, leer más contenido y agregar códigos abreviados de la biblioteca.

Contenido programado

El contenido programado agrega una nueva opción en la pestaña Avanzado de secciones, filas y módulos donde puede mostrar u ocultar y elegir la fecha y la hora.

Plantillas

Plantillas agrega una nueva opción a las Opciones de tema Divi para la Integración de tipo de publicación. Esto le permite construir su encabezado superior, pie de página y página 404 con Visual Builder.

Se agrega un nuevo elemento de menú llamado Plantillas al menú Divi Supreme. Aquí, muestra su lista de plantillas y proporciona un botón para crear una nueva plantilla. También le da un mensaje para volver a guardar sus enlaces permanentes. No me gusta que tenga que hacer esto (esto no es culpa del complemento), pero me gusta que la información esté allí en lugar de que tenga que solucionar el problema. He perdido mucho tiempo con otros complementos tratando de resolver el problema, por lo que este mensaje es muy apreciado.

La plantilla es un nuevo tipo de publicación personalizada con un cuadro desplegable donde puede asignar la plantilla. También puede eliminar el pie de página predeterminado y mostrar la plantilla en la plantilla de página en blanco Divi.

Surgir

Supreme Popup agrega una opción emergente a los módulos. Elija el tipo de ventana emergente, el diseño de la biblioteca, el activador, las animaciones de entrada y salida, el color de fondo, muestre el botón de cierre y elija el color y el icono del botón de cierre. Tiene 7 disparadores que incluyen la intención de salida, un retraso de tiempo personalizable y una cookie personalizada.

Leer más contenido

La función Leer más contenido se agrega a ciertos módulos para ayudar a ocultar parte de su contenido y revelarlo cuando se hace clic en un enlace. Puede mostrar el botón solo en dispositivos móviles, establecer la altura contraída, ingresar el texto de lectura y cierre, diseñar la fuente y agregar CSS personalizado al enlace.

Códigos cortos de la biblioteca

Library Shortcodes agrega una columna a su Divi Library con un código corto para cada diseño. Puede usar estos códigos cortos para agregar sus diseños Divi a sus módulos Divi o a los archivos PHP de su tema.

Pestaña Miscelánea

La pestaña Varios contiene una opción para eliminar todos los datos de Divi Supreme si elimina el complemento.

Divi Library Widget

El widget de la biblioteca agrega un nuevo widget que puede mostrar cualquiera de sus diseños Divi de su biblioteca. Esto es útil si desea crear diseños específicos para sus barras laterales y pies de página.

Módulos Divi Supreme

Divi Supreme agrega 25 nuevos módulos al Divi Builder. Contienen todas las funciones que esperarías de un módulo Divi. Miremos más de cerca.

Divi Supreme Módulos de redes sociales

Los módulos de Twitter y Facebook muestran la línea de tiempo de Twitter, los comentarios de Facebook y los feeds de Facebook. Estas son las fuentes predeterminadas, pero puede cambiarlas. Cambié el esquema de color de los Comentarios de Facebook a oscuro y configuré el fondo a negro.

Módulos de texto Divi Supreme

Aquí hay un vistazo a 6 módulos de texto diferentes. Incluyen divisor de texto, texto de degradado, mecanografía, letras aleatorias, texto intermitente e insignias de texto. El texto divisor tiene varios estilos para elegir. Puede ajustar el tiempo, los colores, etc., en casi todos los módulos de texto.

Módulos Divi Supreme Image

Aquí están los 6 módulos de imagen. Incluyen Revelación de desplazamiento, Revelación de texto (que muestra un texto al desplazarse), Inclinación, Imagen (con controles de inclinación y inclinación), Carrusel e Imágenes flotantes. Los módulos de revelación de texto y desplazamiento muestran ambos contenido diferente en el desplazamiento.

Divi Supreme Módulos Misceláneos

Otros módulos incluyen Horario comercial, Clasificación por estrellas (elija la escala de clasificación, el tipo de visualización, el tamaño de la estrella, etc.), Menú (elija el menú de navegación y seleccione entre varios estilos de lista), Google Map, Button, Flipbox, Icon Divider y Lista de precios. El mapa es simple de usar. Simplemente ingrese la dirección y elija el nivel de zoom. No requiere una clave API. Estos son particularmente buenos para empresas como restaurantes.

Divi Supreme Ejemplos

Para este ejemplo, utilicé el diseño de la cafetería y reemplacé uno de los elementos del menú con módulos Divi Supreme, incluyendo imagen, divisor de texto, lista de precios y clasificaciones de estrellas. Los he diseñado para que se ajusten al diseño.

Para este, creé un menú de comida con solo un módulo Divi Supreme Price List. Cada elemento es su propio submódulo y los muestra en una lista. Ajusté los colores y tamaños de las imágenes, títulos, descripciones, separadores y precios. Puse las imágenes a la izquierda de la lista de precios. Esta es una excelente manera de crear menús de comida.

Para este, he reemplazado las imágenes con un carrusel de imágenes Divi Supreme. Eliminé el espacio entre las imágenes para que se toquen, agregué un fondo a las flechas y aumenté el tamaño de las flechas. Los puse en el interior de las imágenes, cambié los colores y cambié el tamaño.

También he incluido la navegación de puntos. Reemplacé los módulos de texto que mostraban las horas y la información de contacto con módulos de Horario comercial y los diseñé para que coincidieran con el diseño. No se limita a días y horas, por lo que funciona para cualquier tipo de texto. También agregué un mapa de Google en la parte inferior, solo porque. Esto ayuda a completar la información de contacto.

Este ejemplo usa el módulo Typing para agregar una nueva área de texto. También reemplacé la imagen superpuesta con el módulo Divi Supreme Image y agregué el efecto Girar Y. He incluido la superposición de la imagen original.

Agregué un encabezado y pie de página superior usando la extensión de Plantillas para crear un encabezado y pie de página global personalizado que aparece automáticamente en cada página y publicación. El encabezado y el pie de página son elementos del diseño de la Biblioteca. He reemplazado el menú y el pie de página con estos diseños.

Para este, he agregado el enlace Leer más para que pueda mostrar mucho más texto, pero solo lo muestre cuando el usuario quiera verlo. Esta es la configuración predeterminada para el color y el tamaño, pero configuré la altura en 144 píxeles.

Usando Divi Supreme con Extra

Los módulos Divi Supreme funcionaron perfectamente con Extra. Aquí hay un vistazo a algunos de los elementos de diseño de la cafetería.

Las extensiones no funcionaban con Extra, por lo que las plantillas, ventanas emergentes, programador, etc., solo funcionan con Divi. Este ejemplo muestra que el encabezado y el pie de página siguen siendo los predeterminados en lugar de mis diseños. Este ejemplo muestra el módulo de escritura y el módulo de imagen. También agregué el widget de biblioteca a la barra lateral. Los módulos y el widget de la biblioteca funcionaron muy bien. Incluso sin las extensiones, tiene herramientas más que suficientes para usar.

Divi Supreme Documentation and Support

Documentación se proporciona en el sitio web del editor. Hay un enlace a esta página en la configuración del complemento. Incluye una guía de inicio que lo guía a través de la instalación y el uso del complemento. No es exhaustivo, pero las herramientas son fáciles de usar, por lo que realmente no es necesario. El soporte se proporciona a través de un grupo de Facebook y por correo electrónico utilizando el botón de contacto en la pantalla de configuración.

Divi Supreme Price

Hay dos opciones de compra para Divi Supreme:

  • 1 sitio – $ 18
  • Sitios ilimitados – $ 59

Ambas opciones incluyen 1 año de soporte y actualizaciones, un descuento de renovación del 40% y 6 extensiones. Puedes comprar Divi Supreme en DiviSupreme.com.

Pensamientos finales

Divi Supreme tiene muchos módulos y funciones útiles. Encontré todas las características que intenté ser intuitivas. Es fácil ver el potencial de estos módulos y extensiones. Apenas he tocado lo que es posible con todas las características proporcionadas por Divi Supreme. Ni siquiera cubrí los códigos cortos, que agregarán diseños Divi a otros módulos, la ventana emergente, el programador o incluso todos los módulos.

Me gusta ver todas estas características en un solo complemento. Por lo general, se agregan con múltiples complementos que pueden aumentar sus costos con múltiples compras y tiempo en el manejo de todos los diferentes complementos. Y luego podría haber problemas de compatibilidad. Tenerlos disponibles en un solo complemento agiliza ese proceso y ayuda a garantizar que funcionen juntos. Por supuesto, terminas obteniendo funciones que quizás no necesites, pero a este precio, vale la pena.

Estoy más que impresionado con la cantidad de características que Divi Supreme agrega a Divi. Si desea agregar muchos módulos y funciones nuevos a Divi a un bajo costo, vale la pena ver Divi Supreme.

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

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