Lo más destacado del complemento Divi: Divi Dream Tools

Divi Dream Tools es un complemento de terceros para Divi que agrega muchas personalizaciones y módulos nuevos a Divi. Incluye cerca de 30 módulos, 5 tipos de publicaciones personalizadas y 5 widgets. También incluye muchas opciones de diseño personalizado, como precargadores, CTA en el menú, menús de hamburguesa, botones para volver al principio, encabezados, pies de página, pantallas de inicio de sesión personalizadas y más.

Puede comprar Divi Dream Tools en el sitio web del editor. En este resaltado del complemento Divi, analizaremos de cerca las herramientas Divi Dream y veremos qué puede hacer.

Configuración de Divi Dream Tools

Instale y active el complemento como de costumbre. Se agrega una nueva pantalla de configuración a WordPress. La pantalla de configuración (que se encuentra en el menú del tablero en Divi> Configuración de herramientas de Divi Dream) incluye varias pestañas y configuraciones dentro de cada pestaña. He aquí un vistazo a cada pestaña.

General

La Configuración general cubre el estilo de encabezados globales, la página de inicio de sesión de administrador personalizada, agrega el botón CTA en el menú, permite cargas de SVG y habilita el modo de mantenimiento.

La configuración de proyectos le permite ocultar o cambiar el nombre de los proyectos. 404 Settings le permite elegir un diseño de página 404 de su biblioteca Divi. La configuración de iconos sociales le permite habilitar de forma independiente 9 iconos sociales más y hacer que se abran en una nueva pestaña.

Precargador

La pestaña Precargador agrega muchas opciones de precargador. La configuración general le permite mostrar el precargador y elegir si solo se muestra en la página de inicio, en el dispositivo móvil, y ocultar el precargador en un ancho de dispositivo que usted determine.

La configuración de la imagen del precargador le permite elegir el precargador. Los muestra con sus animaciones para que puedas tener una idea de cómo se verán en tu sitio web. También puede cargar el suyo, especificar el ancho y el alto, y cambiar la configuración de color para el precargador y el fondo. La configuración de animación le permite elegir la animación y establecer la velocidad, el tiempo y la opacidad.

Menú Hamburguesa

La configuración de hamburguesa te permite elegir un icono de hamburguesa. Están animados para que sepa cómo se ven en su sitio web. También puede personalizar los colores del icono de menú y el icono activo.

Volver arriba

Elija un estilo de botón Volver al principio entre varias opciones. Puede ajustar el color del fondo y el icono de forma independiente.

Módulos

La configuración del módulo le permite deshabilitar 13 módulos de forma independiente. Están habilitados de forma predeterminada.

Personalizador de temas Divi Dream Tools

Se agregan varias personalizaciones al personalizador de temas. Puede personalizar el texto H1-H6 y el botón CTA. El botón incluye tamaño, animación flotante, etc. En este ejemplo, estoy personalizando el botón CTA en el menú. Este ejemplo también muestra el botón volver al principio personalizado.

Tipos de publicaciones personalizadas de Divi Dream Tools

Divi Dream Tools agrega 5 tipos de publicaciones personalizadas con elementos de menú y editores. Puede ver la lista de todos los elementos y categorías para cada tipo de publicación en el menú del panel. Se pueden mostrar con los widgets y módulos integrados. He aquí un vistazo a cada uno.

Miembros del equipo de Divi Dream Tools

El tipo de publicación Miembros del equipo le permite crear miembros del equipo y mostrarlos. Incluye el editor de texto, las categorías, la imagen y la información de los miembros del equipo completa con íconos sociales, un enlace a una página de detalles y un formulario de contacto que se integra con Caldera Forms.

Testimonios de Divi Dream Tools

La herramienta Testimonios agrega un editor con foto, categoría, enlace de empresa e íconos de redes sociales.

Puedes ver todos los testimonios en el menú.

Eventos de Divi Dream Tools

Eventos agrega un editor con imagen, categorías, etiquetas, información del evento, información del lugar, información del organizador y costo. Un selector de fechas sería bueno para las fechas del evento. Actualmente, debe ingresar las fechas a mano. Sin embargo, eso es bastante fácil de hacer.

Propiedad de Divi Dream Tools

La propiedad incluye un editor y le permite agregar el estado, los tipos, las categorías, las características, una imagen y la información de la propiedad, incluidos los agentes.

Aquí está la lista de propiedades que creé en el menú.

Agentes de Divi Dream Tools

Los agentes incluyen un editor, una imagen e información, incluida su información de contacto y botones de seguimiento social.

Widgets de Divi Dream Tools

Divi Dream Tools viene con cinco widgets:

1. Correo
2. Control deslizante de propiedad
3. Widget de propiedad
4. Control deslizante de testimonios
5. Próximos Eventos

La mayoría muestra los tipos de publicaciones personalizadas que agrega el complemento. El widget Publicar le permite elegir cualquier tipo de publicación que desee. Puede ajustar la cantidad de publicaciones que muestran, el orden y las características especiales para ese tipo de publicación, como el estado o la fecha.

Aquí está la barra lateral que muestra todos los widgets.

Módulos de herramientas Divi Dream

Divi Dream Tools tiene poco menos de 30 módulos. He aquí algunos de ellos. Solo elegí algunos al azar.

Vista del control deslizante de publicación

El módulo Post Slider View incluye varios estilos de diseño. Puede elegir entre tipos de publicaciones personalizadas, establecer el número que se muestra, el orden de visualización, el tamaño de la imagen y personalizar la configuración de visualización, los colores de las diapositivas y los iconos, etc. Esta es la configuración predeterminada para el Control deslizante 1.

Vista de lista de agentes

Esta es la Vista de lista de agentes que usa el estilo 1. Incluye un par de estilos con personalizaciones, color de icono, color de paginación y más. Ésta es la configuración predeterminada.

Postes Albañilería

El módulo Vista de mampostería de postes muestra varios estilos. Este es el estilo 1, que muestra un diseño de diseño múltiple. Incluye tipos de publicaciones personalizadas, paginación, mostrar autor y fecha, y configuraciones de color de paginación. Ésta es la configuración predeterminada.

Vista de lista de eventos

El módulo Vista de lista de eventos tiene varios estilos de diseño e incluye opciones de tamaño de imagen, una imagen, una ventana emergente con estilo y paginación. Lo agregué al diseño del libro electrónico. Este es el diseño 3. Lo he personalizado para que se ajuste al estilo del diseño.

Vista de cuadrícula de testimonios

El módulo Testimonial Grid View tiene cinco opciones de estilo. Esta es la opción 2. Puede elegir el número que se muestra en una línea, la cantidad del extracto, personalizar el icono, mostrar la imagen, el enlace de la página, establecer alturas iguales, elegir categorías, personalizar colores, etc. Esta es la configuración predeterminada.

Inclinación de la imagen

Image Tilt le permite mostrar una imagen o icono que se inclina en respuesta a su mouse. Puede mostrar el paralaje, mostrar un deslumbramiento, ajustar la perspectiva, la inclinación, la velocidad, la escala y mucho más.

Flip Box

Flip Box crea un cuadro con texto en ambos lados del cuadro. Cuando pasas el cursor sobre él, el cuadro se da la vuelta para mostrar la parte posterior. Puede configurar los colores, iconos, texto e imágenes del anverso y el reverso por separado. También puede agregar un enlace. En la imagen de arriba, volteé el segundo cuadro y luego moví el mouse al tercero. Esto es ideal para crear anuncios publicitarios, llamadas a la acción, información, etc.

Vista de tabla de propiedades

Este es el módulo Vista de tabla de propiedades. Tiene tres estilos. Este es el estilo 3. He ajustado los colores para que coincidan con el diseño de las propiedades inmobiliarias.

También muestra una ventana emergente, que muestra la imagen a tamaño completo. La ventana emergente tiene un estilo por separado. Esta es la ventana emergente del estilo 3.

Vista de cuadrícula de propiedad

El módulo Vista de cuadrícula de propiedades tiene 3 estilos para elegir. Este es el estilo 1 que muestra 2 columnas. Puede configurarlo para que muestre una ventana emergente, una paginación y alturas iguales.

Este es el estilo 3. Lo tengo configurado para mostrar 3 columnas.

Deslizador Woo

El Woo Slider muestra los productos WooCommerce y agrega muchas características nuevas. Tiene tres estilos. Cada estilo muestra superposiciones de manera diferente y responde al desplazamiento de manera diferente. Este es el estilo 1, que inclina la imagen del producto y muestra el botón de compra al pasar el mouse. Puede establecer el número de columnas, el tamaño de la imagen, mostrar una ventana emergente al hacer clic y más.

La ventana emergente muestra más información sobre el producto. Esta es la ventana emergente del estilo 3. Cambia el color del botón al pasar el mouse. Incluye botón de cierre.

Precio de Divi Dream Tools

Hay dos opciones de licencia para Divi Dream Tools:

• Sitio web único - $ 99
• Sitios web ilimitados - $ 199

Ambos son una tarifa única e incluyen actualizaciones y soporte de por vida.

Puede comprar Divi Dream Tools en el sitio web del editor.

Pensamientos finales

Estoy impresionado con la cantidad de personalizaciones y módulos en Divi Dream Tools. Encontré que cada configuración era intuitiva. Si está familiarizado con Divi, no debería tener ningún problema con estos módulos y configuraciones. Los tipos de publicaciones personalizadas son fáciles de crear y funcionan con varios módulos y widgets. Las personalizaciones añaden muchas posibilidades de diseño a Divi.

Lo que he cubierto aquí solo rasca la superficie de lo que se puede hacer con este complemento. Si está interesado en un conjunto de personalizaciones y nuevos módulos para Divi, vale la pena echarle un vistazo a Divi Dream Tools.

Queremos escuchar de ti. ¿Has probado Divi Dream Tools? Háganos saber lo que piensa al respecto en los comentarios a continuación.

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