Lo más destacado del complemento Divi: Divi Plus

Divi Plus es un complemento de terceros para Divi que agrega más de 40 módulos y muchas características nuevas a Divi Builder. En este punto destacado del complemento Divi, veremos Divi Plus para ver qué puede hacer para ayudarlo a decidir si es el complemento adecuado para su caja de herramientas Divi.

Configuración de Divi Plus

Instalar el complemento es simple. Solo cárguelo y actívelo. Una vez que esté instalado, querrá activar varias funciones. En el panel de WordPress, vaya a Configuración > Divi Plus . La pestaña General le permite seleccionar cuál de los módulos desea tener disponible en Divi Builder. Todos están seleccionados de forma predeterminada, por lo que puede dejar esta pestaña como está.

La pestaña Extensiones tiene varias opciones. Aquí, puede habilitar los códigos cortos de la Biblioteca Divi, el Programador, el Administrador de visibilidad y el Fondo de partículas para secciones, filas, columnas y módulos. Todos estos están deshabilitados de forma predeterminada. La pestaña Integraciones es donde puede agregar su API de Facebook y su nombre de usuario de Twitter.

Códigos cortos de la biblioteca Divi

Los códigos cortos de la biblioteca Divi agregan un código corto a cada diseño de su biblioteca. Puede copiar este código corto y pegarlo en cualquier lugar de su sitio web Divi que pueda tomar un código corto. Mostrará ese diseño dentro de un módulo, barra lateral, etc.

Programador de DP

El Programador le permite decidir cuándo se mostrará una sección, fila, columna o módulo según la fecha y la hora. Hágalo para mostrar u ocultar el contenido y elegir las fechas y horas desde y hasta. Se agrega a la configuración de Visibilidad en la pestaña Avanzado.

Administrador de visibilidad de DP

El Administrador de visibilidad le permite mostrar u ocultar una sección, fila, columna o módulo según el estado del usuario. Muéstrelo a todos los usuarios, usuarios conectados o usuarios desconectados. Se agrega a la configuración de Visibilidad en la pestaña Avanzado.

Fondo de partículas DP

La configuración de Fondo de partículas se agrega al área Fondo de la configuración de Sección. El fondo no es visible en Visual Builder. Puede seleccionar el tipo de partícula, número, densidad, tamaño, color, opciones de líneas vinculadas, opciones de movimiento, interactividad y mucho más.

He aumentado el número y el tamaño de las partículas para que destaquen en el fondo de mi sección. Sobre esto se pueden colocar filas y módulos.

Tipos de publicaciones personalizadas DP Plus

Se agregan dos nuevos tipos de publicaciones personalizadas a WordPress. Puede habilitar Divi Builder para estos tipos de publicaciones en las opciones de tema en la pestaña Generador. El complemento agrega cuatro módulos para que pueda mostrar los nuevos tipos de publicaciones personalizadas como una cuadrícula o dentro de un control deslizante.

Testimonios de DP

Aquí está mi lista de publicaciones de ejemplo para Testimonios de DP.

Miembros del equipo de DP

Aquí está mi lista de publicaciones de ejemplo para miembros del equipo de DP.

Módulos Divi Plus

Divi Plus agrega más de 40 módulos al Divi Builder. Veremos algunos de los módulos que se destacan.

Búsqueda DP Ajax

Ajax Search muestra los resultados de la búsqueda en una ventana emergente sin tener que volver a cargar la página.

Aquí está la búsqueda de Ajax que muestra automáticamente los resultados a medida que escribo. Le di al cuadro de búsqueda una sombra de cuadro hacia afuera y a la ventana de resultados una sombra de cuadro hacia adentro.

DP Breadcrumbs

Breadcrumbs le ofrece dos diseños para elegir y puede abrir los enlaces en una nueva pestaña.

Horario comercial de DP

El horario comercial incluye submódulos para cada día de la semana. Puede ingresar el nombre y las horas, y puede diseñarlos a todos en el módulo principal o individualmente en los submódulos.

Botón DP

DP Button tiene submódulos para crear múltiples tipos de botones. Muestra texto o agrega un ícono. Además, agregue texto secundario. Cada elemento se puede diseñar de forma independiente. En estos ejemplos, agregué un ícono y cambié su color, agregué un fondo y redondeé los bordes, agregué una sombra de texto, agregué texto secundario y cambié su color. Los botones también se pueden configurar para que se muestren en línea en lugar de apilados.

Alternar contenido de DP

Content Toggle le permite agregar dos piezas de contenido y luego alternar entre ellas. El contenido puede ser texto o un diseño Divi. Puede diseñar cada uno de los elementos de forma independiente.

Aquí está la palanca que muestra el segundo contenido. El contenido encaja en la columna en la que ha colocado el módulo.

Preguntas frecuentes sobre DP Esquema de página

El módulo de esquema de la página de preguntas frecuentes incluye submódulos para crear las preguntas frecuentes. Funcionan como un acordeón, lo que significa que el abierto se cierra cuando el usuario selecciona otra FAQ. Tiene un interesante efecto deslizante para la animación de apertura / cierre. Las preguntas frecuentes incluyen un editor para que pueda agregar texto, medios, código, etc.

Modelador de formularios DP

Form Styler le permite seleccionar un formulario de Contact Form 7 o Caldera Forms y luego diseñarlo con las opciones de estilo Divi. La cantidad de opciones para diseñar los elementos individuales de las formas es impresionante. En este ejemplo, configuré la alineación en el centro, ajusté el peso de la fuente para las etiquetas, redondeé las esquinas de los campos y el botón, y agregué una sombra de cuadro a los campos. También diseñé el botón con una imagen de fondo y superposición, aumenté el tamaño de la fuente y cambié el color de la fuente.

Punto de acceso DP

Hotspot te permite agregar un marcador a una imagen. El marcador tiene una opción de desplazamiento para revelar una información sobre herramientas al desplazar el cursor. Puede ser un icono, texto o imagen. La información sobre herramientas puede ser texto o un diseño en su biblioteca Divi. Seleccione los iconos, ajuste su posición, cambie sus colores, tamaños, etc.

Reemplacé el ícono en la parte inferior con texto y agregué un diseño Divi como información sobre herramientas. El diseño incluye un módulo de texto y un botón. Los módulos Divi Plus también se pueden utilizar en estos diseños.

DP cómo esquema

El módulo How To Schema incluye configuraciones para agregar herramientas, suministros, la cantidad de tiempo que tomará algo y los pasos para hacerlo. Cada uno de los pasos se agrega como un submódulo. Elementos como herramientas y suministros, y tiempo y costo, tienen subsecciones y puede agregar tantas como desee. Cada uno de los elementos se puede diseñar de forma independiente.

DP modal

DP Modal crea una ventana emergente que puede controlar con un disparador. El desencadenante puede ser un clic en un elemento, en la carga de la página o intención de salida. Puede ser un botón, una imagen, un icono, un texto, un ID de CSS o una clase de CSS. Cree el encabezado, el cuerpo y el pie de página dentro del módulo.

Cuando se hace clic en el disparador, el fondo se atenúa y aparece el modal. Aquí está el modal que hice usando el estilo predeterminado.

Proporciona muchas opciones de estilo. Agregué estilo al disparador, al texto del encabezado, al pie de página, al ícono de cierre, al botón de cierre y agregué una imagen al cuerpo. Ambos botones también incluyen estilo flotante.

Lupa de imagen DP

La lupa de imagen le permite colocar una imagen dentro de su diseño y cuando un visitante se desplaza sobre la imagen, su mouse mostrará un área ampliada de la imagen. Esto les permite ver una parte ampliada de la imagen. Puede configurar el tamaño de la lente, la velocidad, el ancho del borde y el color del borde.

Control deslizante del equipo DP

Team Slider muestra a los miembros del equipo con sus imágenes en la parte superior, habilidades mostradas como barras de barras e iconos de redes sociales en la parte inferior. Cada uno de los elementos se puede diseñar por separado. Agregué un borde y una sombra de cuadro a las imágenes.

Cuadrícula de testimonios de DP

Testimonial Grid muestra el tipo de publicación testimonial en uno de dos diseños. El primero muestra la imagen en la parte inferior. El segundo muestra la imagen en la parte superior. Tienes control sobre qué elementos se muestran. Elija el número de columnas, muestre la calificación, imagen, nombre, etc.

Cronología de DP

El módulo de línea de tiempo coloca el contenido de los submódulos en una línea de tiempo. Agregue un título y un cuerpo a cada módulo. Puede hacer que los elementos se alternen o se coloquen a un lado de la línea de tiempo. Las opciones de diseño incluyen un árbol de iconos o un árbol de fechas.

Este es el árbol de la fecha. Agregué imágenes y configuré el diseño para mostrar el contenido a la derecha del árbol.

Compra Divi Plus

Divi Plus está disponible para su compra en Divi Marketplace. Tiene un uso ilimitado del sitio web y un año de soporte y actualizaciones. También incluye 20 diseños de página completa y 200 secciones con estilo. El precio regular es de $ 79.

Pensamientos finales

Ese es nuestro vistazo a Divi Plus. Este complemento agrega muchos módulos y funciones nuevos a Divi. Encontré todos los módulos y configuraciones fáciles de usar. Solo he visto algunos de los módulos en este artículo, pero es fácil ver que cada módulo y extensión puede agregar características valiosas y pulido profesional a sus diseños Divi. Si desea agregar toneladas de nuevas funciones a Divi, Divi Plus es un buen lugar para comenzar.

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

Imagen destacada a través de Sky vectors / shutterstock.com