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 separado. En su lugar, 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 lo que puede hacer, y te ayudaremos a decidir si es el sistema de eventos adecuado para tu sitio web Divi.
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.
Crear 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 boletos.
Módulos del administrador de eventos Divi
Divi Event Manager agrega 3 nuevos módulos a Divi Builder . Los módulos tienen múltiples opciones de diseño para que no tenga que diseñar los diseños usted mismo. Todavía 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 los diseños de 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 pantalla con paginación para ver el resto de los eventos.
La pestaña Contenido tiene la configuración de color de fondo. La pestaña Diseño incluye configuraciones para casi todos los elementos de las tarjetas. La configuración incluye 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 para mostrar 3 eventos. Esta es la configuración predeterminada, que utiliza 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 fecha. El día y la hora, el título, la dirección y la descripción se colocan en la sección principal. No incluye la imagen destacada. Los eventos se colocan dentro de tarjetas e incluyen sombras de cuadro.
El estilo de lista 2 muestra la imagen a la izquierda y agrega un botón de leer más en la parte inferior de la sección principal. También agrega un precio de boleto en rojo negrita. Más que una frontera, 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, puse el título en mayúsculas y aumenté el espacio entre letras, hice el texto de la descripción en negrita y agregué una sombra de cuadro.
Este ejemplo utiliza la página de 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.
Deslizador de eventos Divi
El control deslizante de eventos muestra los eventos en uno de los tres diseños de control deslizante 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 de leer más muestra una flecha debajo de la tarjeta. También incluye navegación por puntos. Las tarjetas tienen el tamaño de acuerdo con 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 para el fondo y 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 el fondo. El texto se coloca en la superposición. La superposición se aclara al pasar el mouse por encima. 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 activos y flotantes. Este 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 da control sobre el fondo de navegación de puntos y los colores de fondo, 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 que el texto del título esté en mayúsculas.
Este ejemplo utiliza la página de inicio del diseño 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 administrador de eventos Divi
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, establezca 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 del administrador de eventos Divi
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 según la configuración que haya 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 shortcodes
También puede crear la página con códigos cortos. La configuración también incluye los códigos abreviados 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 abreviados.
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 generador de temas tuviera que seleccionarse como una opción para usarlo, pero luego me di cuenta de que tienes 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 prefabricados que puede usar. Descargue e importe los diseños en 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 abreviados para cada uno de los elementos. Este es el primer diseño en el generador de temas.
Aquí está la página del evento usando 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 es 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. ¿Has probado Divi Event Manager? Háganos saber acerca de su experiencia en los comentarios a continuación.
Imagen destacada a través de Knotnoi / shutterstock.com