Lo más destacado del complemento Divi: Traje de batalla para Divi

Battle Suit for Divi es un complemento de terceros que proporciona una colección de módulos Divi Builder, extensiones Divi, ajustes, widgets de WordPress y más, que agregan nuevas funciones a Divi. Es un sistema modular que es altamente expandible. El complemento en sí es gratuito y se puede ampliar con muchos complementos gratuitos y premium.

En este punto destacado del complemento Divi, echaremos un vistazo a Battle Suit for Divi y veremos qué incluye. Como puede obtener el complemento de forma gratuita en el depósito de WordPress, mostraré principalmente ejemplos de complementos premium.

Traje de batalla para Divi

Instala y activa Battle Suit para Divi. Se agrega un nuevo elemento de menú llamado Divi Sensei Suit al menú del tablero.

Al hacer clic en Configuración, accederá a la opción de tema Divi. Se agrega una nueva pestaña a las opciones del tema Divi llamada Battle Suit . Aquí puede habilitar funciones y widgets.

Al seleccionar Complementos, se abre una pantalla con varias opciones. Puede comprar los complementos premium desde aquí. El conjunto de herramientas para Divi requiere la instalación de vistas y tipos de conjuntos de herramientas . Esto requiere la versión premium de Toolset. Usaré los tres complementos en este complemento destacado.

Sube y activa cada complemento como de costumbre.

Agregue su clave de licencia y active la licencia para usar los complementos.

Traje de batalla para módulos Divi

Se agregan muchos módulos nuevos a Divi Builder. Los módulos incluyen las pestañas y características de Contenido, Diseño y Avanzado esperadas. Esta imagen muestra los módulos que vienen con la versión gratuita de Battle Suit para Divi. Los módulos gratuitos incluyen:

Otra publicación : muestra el contenido de una publicación diferente de cualquier tipo de publicación.

Bucket : un módulo similar a una propaganda. Incluye efectos de desplazamiento. Es ideal para crear listas de depósitos o mostrar productos.

Pie de página : muestra el pie de página Divi en cualquier parte del diseño. Es ideal para mostrar el pie de página en la plantilla de página en blanco o con el conjunto de herramientas.

Diseño de biblioteca : le permite inyectar un diseño de su biblioteca Divi.

Galería de mampostería : una nueva galería que muestra imágenes en diferentes tamaños en un diseño de mampostería.

Botón de publicación : este es un botón que enlaza con una publicación.

Extracto de la publicación : le permite personalizar y mostrar el extracto de la publicación.

Publicar imagen destacada : muestra una imagen destacada con la configuración del módulo Imagen.

Publicar meta : muestra la meta de publicación personalizable.

Título de la publicación: muestra el título de la publicación con un módulo personalizable.

Imagen transformable : muestra una imagen 3D con efectos de desplazamiento.

Video Lightbox : muestra videos en un lightbox personalizable.

Los complementos premium agregan aún más módulos al Divi Builder. La imagen aquí incluye los complementos premium que estoy usando. Hay varios más disponibles en el sitio web del desarrollador. Los módulos incluyen:

Temporizador de cuenta regresiva : un temporizador de cuenta regresiva personalizable que puede ejecutar un evento cuando finaliza la cuenta regresiva.

Material Blurb : un anuncio con múltiples botones y opciones de elevación.

Publicar contenido : muestra una URL específica. Al hacer clic en él, se abre el enlace.

Botón de conjunto de herramientas : agrega un botón para un campo de conjunto de herramientas específico y un enlace a una URL específica.

Contador del conjunto de herramientas : es un contador del contenido del conjunto de herramientas.

Galería de conjunto de herramientas : muestra una galería para campos específicos del conjunto de herramientas.

Imagen del conjunto de herramientas : muestra una imagen del conjunto de herramientas.

Tabla de conjunto de herramientas : muestra una tabla de conjunto de herramientas con opciones de diseño y separador. Incluye personalizaciones de artículos individuales.

Campo de texto del conjunto de herramientas : muestra un campo de texto del conjunto de herramientas .

Vista del conjunto de herramientas : muestra las vistas de la base de datos realizadas con el conjunto de herramientas.

Traje de batalla para ejemplos de diseño de materiales Divi

Material Blurb agrega un nuevo módulo. En este ejemplo, estoy recreando la información del libro desde el diseño Autor con Desenfoques de material. Originalmente se hicieron con tres módulos individuales: módulos de texto, imagen y botones para cada libro. Puedo reemplazarlos con un solo módulo. Hago algunas personalizaciones sobre la marcha. Agregué un segundo botón, ajusté el borde y personalicé la sombra para regular y flotante. Puede usar imágenes o íconos y puede hacer que cambie a una nueva imagen o ícono al pasar el mouse.

Aquí está el resultado con los tres materiales publicitarios. Establecí la elevación base en 5 y la elevación flotante en 1. Estoy colocando el cursor sobre la propaganda a la derecha para mostrar el efecto de sombra flotante. Dejé el botón con su estilo predeterminado, pero, por supuesto, se puede diseñar como cualquier botón en Divi.

Para este, volví a ajustar los efectos de desplazamiento. Establecí la elevación base en 1 y la elevación flotante en 0. Estoy flotando sobre la propaganda del material en el extremo derecho.

Ejemplos de Battle Suit for Divi Final Countdown

Countdown Timer también agrega un solo módulo. Aquí hay un vistazo a lo que puede hacer el temporizador de cuenta regresiva. Esta es la configuración predeterminada que usa el estilo flip. Puede ajustar el desplazamiento para que los mosaicos se alineen de la manera que desee. Lo coloqué dentro del diseño de Gestión de riesgos, que proporcionó el título, el divisor y el botón.

Este es el estilo de bloque con la configuración predeterminada.

Para este, no estoy mostrando semanas y días. Moví las etiquetas hacia la parte superior y cambié su tamaño, color y las hice todas en mayúsculas. También aumenté el tamaño del texto del reloj y cambié el color del fondo del reloj. También tiene opciones para mover la posición del texto dentro del reloj, ajustar anchos, etc.

Este usa el estilo de bloque. Aumenté el tamaño de la fuente del reloj y cambié las fuentes a Aladin, las hice moradas y les di un efecto de sombra. Agregué un fondo gris claro al reloj para que apenas se destaque.

Ejemplos de Battle Suit for Divi Toolset

El complemento Toolset agrega 7 módulos al Divi Builder. Requiere la versión premium de Toolset. Encontré que los complementos de Battle Suit para Divi Toolset son lo suficientemente fáciles de usar, pero Toolset en sí era una historia diferente. No es una plataforma intuitiva de ninguna manera y no la recomiendo para usuarios principiantes de WordPress.

Incluso si está familiarizado con WordPress y Divi, le recomiendo encarecidamente que vea Cómo crear un archivo de taxonomía personalizado usando Toolset y Divi en YouTube si no está familiarizado con Toolset. Tenga en cuenta que el menú del panel de control de Toolset ha cambiado desde que se creó el video, por lo que es posible que se necesiten algunos pasos más para resolverlo. Estos son los pasos que tomé.

Vistas del conjunto de herramientas

Cree una vista en el conjunto de herramientas. Asegúrese de seleccionar la visualización de tipos de publicaciones para que puedan usar la Vista.

Omita el asistente de bucle y seleccione una plantilla de contenido. Aquí puede elegir Divi, que agregará Divi a las opciones de la plantilla. asegúrese de que la plantilla Divi esté dentro de las etiquetas wpv-loop.

Cree un diseño de plantilla con Divi Builder. Primero, habilítelo seleccionándolo de las opciones en este campo y luego haga clic para editar.

Cree la plantilla utilizando los módulos de Sensei. Publique la plantilla y guarde la Vista.

Deje el Editor de salida vacío.

Agregue el módulo Sensei Toolset View a su página o diseño de publicación. Seleccione la Vista del menú desplegable en la pestaña de contenido del módulo.

Asegúrese de no utilizar un diseño de conjunto de herramientas para la página. Quieres que Battle Suit for Divi controle los diseños, no el conjunto de herramientas (al menos en este caso).

Muestra las publicaciones en un bucle de archivo usando la plantilla que creé en Divi. Puede crear cualquier tipo de diseño que desee. Limité la visualización a 3 publicaciones con un desplazamiento de 0, pero puede usar esto como un módulo de blog junto con controles deslizantes de publicaciones, etc. También puede ordenar y ordenar las publicaciones por orden primario y secundario.

Ahora agregué el módulo dentro del diseño de Autor. Estoy usando el estilo de fuente del diseño. También agregué una sombra de cuadro al módulo.

Contador de juego de herramientas

El contador del conjunto de herramientas le permite ingresar números para contar desde y hacia. Puede optar por mostrar números o un contador circular. También incluye todas las personalizaciones esperadas. En este ejemplo, agregué un fondo con sombra de cuadro y algo de relleno en la parte superior e inferior. Todo lo demás es el predeterminado (excepto el número que ingresé). El contador de números puede contar números o fechas.

Aquí hay un contador circular que cuenta números. También puede hacer que cuente un campo de conjunto de herramientas para el tipo de porcentaje.

Conjunto de herramientas para el widget Divi WordPress

Battle Suit for Divi también agrega un nuevo widget a WordPress llamado Blurb . Agregue un título, una imagen, una URL y una descripción para crear una propaganda en la que se pueda hacer clic para sus barras laterales.

Agregue su título, imagen, URL de enlace y descripción. Puede tenerlo abierto en una nueva ventana si lo desea. Agregué tres widgets para crear enlaces a libros.

Agregué la barra lateral a una sección en el diseño de Autor. El resultado se ve muy bien con los diseños Divi.

Traje de batalla por Divi Price

Battle Suite for Divi es gratuito y está disponible en el depósito de WordPress. Los complementos están disponibles en el menú del complemento. Los precios adicionales son:

• Juego de herramientas para Divi - $ 19
• Diseño de materiales - $ 9.99
• Cuenta regresiva final - $ 9.99

Más información está disponible en el sitio web del desarrollador.

Traje de batalla para la documentación y el soporte de Divi

Puede ponerse en contacto con el servicio de asistencia por correo electrónico o haciendo clic en el enlace del menú. La documentación se proporciona haciendo clic en los enlaces del menú del complemento. Proporciona enlaces a preguntas frecuentes y al canal de YouTube del editor, donde tienen una descripción detallada de cada módulo. Solo incluye los módulos principales.

Pensamientos finales

Battle Suit for Divi es un complemento interesante y agrega mucho al Divi Builder. Incluso la versión gratuita agrega mucho, pero puede expandirla aún más con complementos premium. Puede elegir los complementos exactos que desee, lo que lo convierte en un sistema modular.

No tuve problemas con la mayoría de los módulos y complementos, pero me gustaría ver algunos ejemplos en el sitio web del desarrollador sobre cómo usarlos. En especial, me gustaría ver ejemplos del complemento Toolset. Ese es el único complemento que me dio problemas.

Si está interesado en agregar muchos módulos nuevos al Divi Builder para facilitar su tiempo de diseño, le recomiendo que eche un vistazo a Battle Suit for Divi.

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

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