Lo más destacado del complemento Divi: Divi Event Manager

Divi Event Manager es un complemento de terceros que crea un sistema completo de gestión de eventos para Divi. No requiere un complemento de eventos por separado. En cambio, contiene todas las funciones de gestión de eventos. Esto reduce la cantidad de complementos que necesita y garantiza que no haya problemas de actualización o compatibilidad. En este artículo, echaremos un vistazo a Divi Event Manager y veremos qué puede hacer, y lo ayudaremos a decidir si es el sistema de eventos adecuado para su sitio web Divi.

Tipo de publicación de eventos

Se agrega un nuevo tipo de publicación a WordPress llamado Eventos. Aquí, puede crear un evento, configurar sus categorías y etiquetas y ajustar la configuración. Esta es la lista de eventos.

La creación de un evento abre un editor donde puede agregar los detalles. Esto incluye información del evento, información del lugar, información del organizador, costo de la entrada, galería del evento, categorías, etiquetas y la imagen destacada.

También proporciona una lista de sus pedidos de entradas.

Módulos Divi Event Manager

Divi Event Manager agrega 3 nuevos módulos al Divi Builder. Los módulos tienen múltiples opciones de diseño para que no tenga que diseñar los diseños usted mismo. Aún puede personalizar cada elemento usando la configuración del módulo Divi. Veamos cada módulo y sus opciones de diseño. También veremos algunos ejemplos de cómo se pueden usar en diseños Divi.

Cuadrícula de eventos Divi

Divi Event Grid muestra los eventos en 3 estilos de cuadrícula diferentes y en 2, 3 o 4 columnas. Esta es la cuadrícula 1 con 2 columnas. Los eventos utilizan la imagen destacada como fondo y colocan todo el texto en la superposición. La superposición es oscura y el texto es blanco por defecto.

Este es el estilo de cuadrícula 2 con 4 columnas. Las imágenes se colocan en la parte superior de las tarjetas, seguidas del título, la ubicación, el precio, los detalles y el botón para leer más. Las tarjetas son del mismo tamaño independientemente del tamaño de la imagen. Incluyen un fondo blanco, reflejos rojos y una sombra de cuadro de forma predeterminada.

Puede hacer que oculte el botón leer más si lo desea. Este es el estilo de cuadrícula 2 con 2 columnas.

Este es el estilo de cuadrícula 4 con 3 columnas. Elimina la imagen destacada y coloca la fecha en la parte superior. Cada tarjeta tiene un fondo gris claro. Este es el estilo predeterminado.

También puede habilitar o deshabilitar la paginación. Esto muestra el estilo de cuadrícula 3 con 2 columnas que muestran solo 2 eventos en la pantalla con paginación para ver el resto de los eventos.

La pestaña Contenido tiene la configuración del color de fondo. La pestaña Diseño incluye configuraciones para casi todos los elementos de las tarjetas. Las configuraciones incluyen el texto, el título, el botón Leer más, la paginación y la dirección del evento. El botón y la paginación tienen ajustes activos y no activos.

Aquí hay un ejemplo del módulo Event Grid en la página de eventos de la biblioteca, disponible en Divi. Lo he limitado a mostrar 3 eventos. Esta es la configuración predeterminada, que usa 3 columnas y paginación.

Lista de eventos Divi

El módulo Lista de eventos muestra los eventos como una lista en uno de tres estilos. Este es el estilo de lista 1. Muestra la fecha en texto grande a la izquierda y coloca un borde de color en la parte superior e inferior de la sección de la fecha. El día y la hora, el título, la dirección y la descripción se encuentran en la sección principal. No incluye la imagen destacada. Los eventos se colocan dentro de tarjetas e incluyen sombras de caja.

El estilo de lista 2 muestra la imagen a la izquierda y agrega un botón leer más en la parte inferior de la sección principal. También agrega un precio de entrada en rojo intenso. En lugar de un borde, tienen una línea divisoria.

El estilo de lista 3 coloca los eventos en tarjetas con la imagen a la derecha, el título y la descripción en el centro y la información a la derecha. La fecha, el precio, el día y la hora y la dirección incluyen iconos.

Ajusté el fondo y agregué una imagen con una superposición de degradado, ajusté los colores del texto, hice el título en mayúsculas y aumenté el espaciado de las letras, hice el texto de la descripción en semi negrita y agregué una sombra de cuadro.

Este ejemplo utiliza la página Eventos de autor del diseño de autor, disponible en Divi. Incluí los colores y estilos de fuente de la sección del evento original, limité el módulo para mostrar 3 eventos y agregué paginación.

Control deslizante de eventos Divi

El control deslizante de eventos muestra los eventos en uno de los tres diseños de control deslizantes diferentes. Los controles deslizantes incluyen navegación y configuración. Este es el diseño del control deslizante 1. Muestra la imagen en la parte superior de cada tarjeta con el título y la información del evento debajo. Un botón leer más muestra una flecha debajo de la tarjeta. También incluye navegación por puntos. Las tarjetas se clasifican según el tamaño de la imagen. La imagen muestra una superposición al pasar el mouse.

La pestaña Diseño incluye ajustes para la superposición, el texto, los íconos de categoría y el botón Leer más tanto para el fondo como para el ícono del botón. He ajustado cada uno de ellos en este ejemplo. También puede ajustar el estilo del texto.

El diseño del control deslizante 2 muestra las diapositivas del mismo tamaño. Coloca la imagen en segundo plano. El texto se coloca en la superposición. La superposición se aclara al pasar el mouse. Las diapositivas muestran el título, la dirección, la fecha y luego la descripción.

Ajuste el estilo de todo el texto individualmente en la pestaña Diseño. También incluye ajustes de navegación para los colores activo y flotante. Éste no incluye un ajuste para la superposición.

El diseño del control deslizante 3 muestra las diapositivas como tarjetas pequeñas con bordes claros. La imagen se coloca en la parte superior y la fecha, el título y un botón de leer más aparecen en una tarjeta que se superpone a la parte inferior de la imagen.

La pestaña Diseño le brinda control sobre el fondo de navegación de puntos y los colores de fondo de desplazamiento, el borde del botón Leer más, el texto y los colores de fondo, etc. para cada uno de los estilos. He ajustado la mayoría de ellos en este ejemplo y he hecho el texto del título en mayúsculas.

Este ejemplo utiliza la página de inicio del diseño de Event Planner, disponible en Divi. El control deslizante utiliza las fuentes y los colores del diseño y combina bien con el diseño.

Widget de Divi Event Manager

Divi Event Manager también agrega un nuevo widget que puede usar en sus barras laterales. Agregue un título, elija la cantidad de eventos que se mostrarán, configure la opción Ordenar por que desee y elija los formatos de fecha y hora.

Los eventos incluyen el día y la fecha en un icono grande junto al título, la fecha y la hora. Al hacer clic en uno, se abre la página de ese evento.

Página de detalles de Divi Event Manager

Puede diseñar la página de detalles de eventos desde las opciones del tema Divi en una nueva pestaña llamada DP EventManager. Esto incluye 6 pestañas con muchas configuraciones para elegir los estilos, mostrar un formulario, configurar PayPal y mucho más.

La página de archivo del evento muestra los eventos de acuerdo con la configuración que ha elegido en la pantalla de configuración. Lo dejé por defecto, que muestra el diseño 1 con 2 columnas.

Creando la página con códigos cortos

También puede crear la página con códigos cortos. La configuración también incluye los códigos cortos para cada uno de los elementos del evento que puede colocar dentro de cualquier módulo Divi.

La pantalla de configuración del complemento proporciona opciones de estilo predeterminadas para cada una de las vistas que mostrarán los códigos cortos.

Creación de una página de evento personalizada

También puede crear una página personalizada con el generador de temas. Seleccione Estilo propio personalizado en los estilos de la página de detalles del evento en las opciones del tema. Al principio, parecía incómodo que el creador de temas tuviera que seleccionarse como una opción para usarlo, pero luego me di cuenta de que tiene más opciones de esta manera. Es bastante fácil usar el generador de temas y tiene acceso a varias páginas que no tiene que diseñar o crear.

El editor proporciona varios diseños prediseñados que puede utilizar. Descargue e importe los diseños a su biblioteca Divi. Ahora puede usar estos diseños en el generador de temas como cualquier diseño.

Los diseños utilizan módulos Divi estándar con códigos cortos para cada uno de los elementos. Este es el primer diseño en el generador de temas.

Aquí está la página del evento con el primer diseño. Dado que utiliza Divi Builder, tiene acceso a cualquier módulo que desee utilizar.

Precio

Divi Event Manager está disponible en Divi Marketplace. $ 29 por:

• Sitios ilimitados
• 30 días de garantía de devolución de dinero
• 1 año de soporte y actualizaciones

Pensamientos finales

Esa es nuestra mirada a Divi Event Manager. Lo que normalmente requiere muchos módulos se puede hacer fácilmente con un solo módulo. Me gusta que sea un sistema de gestión de eventos completo que no requiere otros complementos para funcionar. Me gustaría ver las opciones de estilo de superposición agregadas a todos los módulos.

El tipo de publicación y los módulos fueron fáciles de usar. Divi Event Manager es fácilmente uno de los mejores complementos de eventos que he visto para Divi. Si está interesado en un sistema de gestión de eventos para Divi, vale la pena echarle un vistazo a Divi Event Manager.

Tu turno. ¿Ha probado Divi Event Manager? Háganos saber su experiencia en los comentarios a continuación.

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