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.

Ajustes de Divi Plus

Instalar el complemento es simple. Solo carga y activa. Una vez que esté instalado, querrá activar varias funciones. En el panel de control de WordPress, ve 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 abreviados 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 por defecto. 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

Divi Library Shortcodes agrega un código abreviado a cada diseño en su biblioteca. Puede copiar este código abreviado y pegarlo en cualquier lugar de su sitio web Divi que pueda aceptar un código abreviado. Mostrará ese diseño dentro de un módulo, barra lateral, etc.

Programador de PD

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

Gerente 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 registrados 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 de Fondo de la configuración de Sección. El fondo no es visible en Visual Builder. Puede seleccionar el tipo de partícula, el número, la densidad, el tamaño, el color, las opciones de línea vinculada, las opciones de movimiento, la interactividad y mucho más.

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

Tipos de publicaciones personalizadas de 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 Builder. 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 PD

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 los miembros del equipo de DP.

Módulos Divi Plus

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

Búsqueda de DP Ajax

Ajax Search muestra los resultados de 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 he dado al cuadro de búsqueda una sombra de cuadro hacia afuera y a la ventana de resultados una sombra de cuadro hacia adentro.

Pan rallado DP

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

Horario comercial de DP

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

Botón PD

DP Button tiene submódulos para crear múltiples tipos de botones. Mostrar texto o agregar un icono. 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 y 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.

Cambio de 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 cabe dentro de la columna en la que ha colocado el módulo.

Esquema de página de preguntas frecuentes de DP

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 pregunta frecuente. Tiene un interesante efecto de deslizamiento para la animación de apertura/cierre. Las preguntas frecuentes incluyen un editor para que pueda agregar texto, medios, código, etc.

Estilizador 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 los formularios es impresionante. En este ejemplo, configuré la alineación al 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 una superposición, aumenté el tamaño de la fuente y cambié el color de la fuente.

punto de acceso DP

Hotspot le permite agregar un marcador a una imagen. El marcador tiene una opción de desplazamiento para revelar información sobre herramientas al pasar el mouse. 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.

Esquema de instrucciones de DP

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 tantos 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 activador puede ser un clic en un elemento, en la carga de la página o un intento 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 gatillo, 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 icono de cerrar, al botón de cerrar y agregué una imagen al cuerpo. Ambos botones también incluyen estilo flotante.

Lupa de imagen DP

Image Magnifier le permite colocar una imagen dentro de su diseño y cuando un visitante pasa el mouse 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, las habilidades mostradas como contadores de barras y los íconos de redes sociales en la parte inferior. Cada uno de los elementos se puede diseñar por separado. He agregado un borde y una sombra de cuadro a las imágenes.

Cuadrícula de testimonios de PD

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. Usted tiene control sobre qué elementos se muestran. Elige el número de columnas, muestra la valoración, imagen, nombre, etc.

Cronología de PD

El módulo Línea de tiempo coloca el contenido de los submódulos en una línea de tiempo. Agregue un título y contenido del cuerpo a cada módulo. Puede alternar los elementos o colocarlos en 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. Esto sirve como un gran reemplazo para un complemento genérico de línea de tiempo de WordPress .

Compra Divi Plus

Divi Plus está disponible para su compra en Divi Marketplace. Tiene 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 $79.

pensamientos finales

Esa es nuestra mirada 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 pueden agregar características valiosas y un 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 vía Sky vectors / shutterstock.com