Destacando el complemento Div: El módulo del calendario de los eventos div Div

¡Encuéntralo en el módulo de calendario de eventos Div Square Div está disponible en Div Marketplace! Esto significa que nuestra revisión ha pasado y se ha encontrado que cumple con nuestros estándares de calidad. Puede visitar Pee-Aye Creative en el mercado para ver todos los productos disponibles. Los productos comprados en Div Marketplace tienen un uso ilimitado del sitio web y una garantía de 30 días para devolver dinero (como Div). Compra en el Div
El calendario de eventos es el calendario de eventos estándar para WordPress. Funciona bien con Divi, pero para agregarlo a sus aspectos. Divicicidad necesita usar un código corto. La estilización está hecha en la pestaña Configuración desde el tablero de WordPress. Esto hace que sea difícil integrar el estilo con la división. Un complemento de terceros llamado módulos de calendario de eventos Div resuelve este problema al mostrar el calendario de eventos como Div. En este artículo, analizaremos el módulo del calendario de los eventos y veremos qué puede hacer.
Instalación de los eventos de los eventos del calendario

Primero, instale el complemento del calendario de eventos. Si este complemento no está instalado, recibirá un mensaje de error que le indica que esté instalado y proporcione un enlace a la página de WordPress (adivina cómo lo sé). Para obtener más información sobre el calendario de eventos, consulte el artículo The Calendar of Events: Una presentación detallada de la versión gratuita aquí, en el blog et. Luego cargue y active los módulos de calendario de eventos de complemento y activelo.

Para mis ejemplos, creé un conjunto de eventos para Div y WordPress con diferentes categorías, organizadores, ubicaciones y datos.
Módulo de calendario de eventos de división

Se agregan dos nuevos módulos al Builder Div. El primero, llamado Div Events Calendar, muestra eventos como libros en una lista similar a las publicaciones de blog. El segundo, llamado calendario del evento del calendario, muestra los eventos en un calendario. El módulo de vista del calendario todavía está en versión beta. Actualmente tiene características limitadas. Veremos ambos módulos. Por primero, utilizo la página de diseño de diseño de la página del horario de reuniones. Reemplazamos los eventos en esa página con el módulo de calendario de eventos de calendario. La pestaña de contenido muestra automáticamente los eventos. Incluye las pestañas de división estándar. La pestaña de contenido agrega contenido y elementos. Se agrega implícitamente un fondo azul.

Contenido
La sección de contenido le permite ingresar el número de eventos que se mostrarán, las categorías para incluir, el formato de la fecha, la duración del extracto y el número de compensación. En este ejemplo, limitamos los eventos a 2 en la categoría de eventos. Establecemos la compensación en 1. elementos

Elementos le permite elegir los elementos que se muestran. Esto incluye la imagen presentada, el organizador del espectáculo, la URL del sitio, la fecha, la hora, el lugar, la ubicación, el extracto, la categoría, más información y eventos pasados ​​(que limita el módulo para mostrar solo los eventos pasados). Lo puse para ocultar la imagen presentada y el organizador del espectáculo.

Pestaña de diseño
La pestaña de diseño agrega opciones para el aspecto, la miniatura, el texto del título, el texto de los detalles, el texto del extracto y la pantalla del botón. El texto funciona igual que el módulo de texto ordinario. Veremos más de cerca el aspecto, la miniatura y el botón de vista. El borde del borde y la caja funciona para libros individuales. Es algo que quería ver en muchos módulos Divi. El aspecto de aspecto le permite elegir el número de columnas (1-4), la alineación de la imagen (izquierda o hacia arriba), el color de fondo, el borde y el forro. Configuré la imagen en la parte superior y cambié el fondo a blanco. El azul todavía aparece entre los libros del evento.

Para este ejemplo, configuré las columnas en 2 y agregué margen y relleno para que los libros encajen en el fondo azul, creando una ventaja.

Aquí está el ejemplo con 3 columnas. Puede ajustar el texto de la URL para que se ajuste. A 3 columnas, colocar la imagen no es una opción.

Tiene 2 columnas con las imágenes a la izquierda. Miniatura

La configuración de las miniaturas incluye el borde, el relleno, el ancho, las esquinas, los estilos de borde, el ancho de la frontera, el color del borde y el estilo de borde. En este ejemplo, establecemos el relleno en 75 para llevar la imagen al centro de la tarjeta y el ancho a 100.

Para este ejemplo, establecí las esquinas en 36 PX y le di un ancho del borde de 9 px. Estilizé los colores del borde y le di un estilo de inserción.

Texto


Ajusté el texto del título para que coincida con la apariencia, con un roboto de bajo y superior peso. Dejé el texto del extracto y los detalles de manera predeterminada. Ver botón múltiple
En este ejemplo, utilicé el estilo de estilo para el botón. Establecí el tamaño en 14 PX, ajusté el color de fondo, cambié el ancho y el rayo del borde y seleccioné Roboto BOLD en mayúsculas. Dejé el efecto flotante de forma predeterminada, que aumenta el tamaño del botón como puede ver en el botón superior. También dejé el texto por defecto, lo que dice. Para este ejemplo, utilicé la mayoría de las configuraciones en ejemplos anteriores, pero con algunos cambios. Quité el fondo azul, cambié el rayo del borde y quité el borde. También limitamos las categorías para mostrar solo eventos Div (uno de los dos ejemplos de categorías que creamos). El límite se establece en 2 eventos.

Para este ejemplo, establecemos la apariencia para mostrar 3 columnas. Eliminé el borde del botón y enfocé la alineación del botón. También eliminé la URL, cambié el color del texto detallado, cambié el texto del botón y le di una sombra a los libros, para destacar del fondo. Modo de vista Evento calendario Div

Aquí hay un vistazo al segundo módulo. Proporciona una visualización del calendario de sus eventos. El calendario incluye el mes, el año, la navegación y los aspectos más destacados hoy. Esta es la página de eventos en el paquete de apariencia. Al colocar el cursor en un evento, hay una ventana emergente con información. Esta es la visualización predeterminada.

La pestaña de diseño agrega configuración para el texto del módulo. Eventualmente incluirá la configuración del título, mes, etc. En este ejemplo, ajusté el peso, el color y el tamaño del texto. Esto ajusta los datos del calendario.

Para este ejemplo, cambié la familia de fuentes al roboto y ajusté el color, el tamaño, la distancia entre las letras y la altura de la línea. También le di una sombra al texto para ayudarlo a destacar. Todo el texto, excepto el botón “hoy”, se ve afectado por el tamaño, el espacio y la altura. También puede ajustar el borde, los fondos, las sombras de la caja, etc. En este ejemplo, establecemos el texto del módulo en mayúsculas. Esto incluye el texto del mes y el día. También ajusté el fondo, le di al módulo un borde (usando el estilo de doble borde) y le di una sombra de la caja. El borde tiene el mismo color que el texto.

Para hacer esto, incluimos la configuración de colores y sombras de la caja. Me gusta cómo funciona con el diseño de diseño. Incluso con la cantidad limitada de ajustes, vale la pena usar el módulo para ver el calendario con su división. Precio y documentación Puede obtener el módulo de calendario en el sitio web del desarrollador por $ 35. Incluye el uso ilimitado del sitio web, la asistencia y las actualizaciones durante toda la vida y una garantía de 30 días para devolver dinero. La documentación se trata con un video y un elemento corto para ayudarlo a instalar algunos elementos cortos para mostrar cómo usarlo y cómo realizar actualizaciones. Tuve la suerte de no necesitar consultar la documentación (los módulos son extremadamente intuitivos), pero me alegra ver que está disponible para cuando sea necesario.