Cómo crear un calendario de eventos en un sitio web de WordPress

Agregar un calendario de eventos a su sitio web es una excelente manera de informar a su público sobre eventos y eventos futuros en su industria en este artículo, veremos cómo agregar un calendario de eventos a un sitio web de WordPress. El calendario de los eventos

Una de las formas más simples de agregar un calendario de eventos es con un complemento llamado calendario de eventos. Está disponible tanto en versión gratuita como en versión profesional. Yo uso la versión gratuita. La versión Pro agrega muchas más funciones y es mejor para agregar eventos a sus divisiones y para crear sus propias páginas de eventos.
Configuración del calendario

Después de instalar y activar el complemento, verá una opción para la configuración. Esto incluye configuraciones generales, visualización, licencia, API, importaciones y una pestaña para actualizar si utiliza la versión gratuita. La mayoría de las configuraciones se pueden dejar a los valores predeterminados, pero le recomiendo que pase por lo que desea activar. Creando un evento

El complemento agrega un nuevo tipo de publicación personalizada llamada eventos. En los eventos de menú en el tablero, seleccione Agregar nou. Esto abre el editor donde puede agregar contenido y detalles sobre el evento. Puede usar el editor habitual o Divi Builder para el contenido del evento.

Bajo el editor, verá una sección para obtener detalles sobre el evento. Esto incluye el tiempo y la fecha de inicio y finalización, la ubicación, los organizadores, el sitio web, el costo y la funcionalidad adicional si tiene suplementos instalados. A la derecha están las categorías de eventos, las opciones de eventos y la imagen presentadas. Fecha y hora

Seleccionar la fecha abre un calendario en el que puede elegir los datos para comenzar y completar el evento. Seleccionar la hora abre una caída en la que puede seleccionar una hora. Las horas comienzan cada media hora.

Seleccione la zona horaria para abrir el cuadro de caída para elegir la zona horaria para el evento si es diferente del preajuste.

Seleccione el evento todo el día si desea eliminar las horas y simplemente publique los datos.

Establecí mi evento para comenzar el 12 de febrero a las 8:00 y durar hasta el 13 de febrero a las 17:00 para la zona horaria de UTC-5. Ubicación

La ubicación ofrece opciones para crear o encontrar un lugar de desarrollo, para mostrar el mapa y mostrar el enlace del mapa. Esta imagen muestra el cuadro de caída para la ubicación. Muestra mis ubicaciones y ubicaciones disponibles. Puedes buscarlos.

Para crear una nueva ubicación, solo ingrese el nombre y luego haga clic en el enlace Crear.

Abre varios campos donde puede ingresar la dirección, el número de teléfono y el sitio web.

organizadores
Elija un organizador en el cuadro desplegable. Muestra mis organizadores y organizadores disponibles. También puede agregar el suyo al ingresar el nombre y haciendo clic en la creación.

La creación de su propio organizador abre varios campos donde puede agregar un número de teléfono, un sitio web y una dirección de correo electrónico. Sitio web

Ingrese el sitio del evento. Si hay una determinada página en el sitio para ese evento, asegúrese de incluirlo, pero esto no es necesario si todo el sitio se trata del evento. Esto agregará un enlace que se puede hacer clic.

El costo del evento
Para el costo del evento, ingrese el símbolo de moneda, elija si desea que el símbolo aparezca antes o después del costo (se establece por defecto antes del costo) e ingrese la cantidad. Funcionalidad adicional Las funcionalidades adicionales incluirán las funciones de cualquier suplemento que haya instalado. También incluirá un enlace a los suplementos disponibles.

Al hacer clic en el enlace, se abre una página donde puede ver todos los suplementos disponibles y hacer una compra. Ejemplo de evento

Para mi ejemplo, utilicé parte del texto y una imagen de Phoenix WordCamp para crear un evento de modelo de WordCamp. Seleccionamos el evento de funciones en las opciones de eventos. Se selecciona automáticamente para realizar el evento pegajoso en la visualización mensual. Agregamos una etiqueta para WordCamp Knoxville y una nueva categoría para WordCamp.

Aquí está el evento en el frente. Muestra el título, la fecha y la hora y el precio en la parte superior. A continuación, muestra la imagen y el contenido presentados. Siguiendo los botones para Google Calendar e Icical. Luego ofrece una lista de todos los detalles del evento y el organizador. Finalmente, muestre el nombre del lugar, la dirección, el número de teléfono y un mapa de Google. Todos los eventos

Los eventos se enumerarán en la biblioteca de eventos, donde puede editarlos o eliminarlos.

Coloque eventos en una página de categoría en el front-end. La página incluye un filtro donde puede seleccionar un día, buscar la palabra clave y elegir el tipo de vista que desea mostrar. La parte superior de la página incluye un filtro que le permite buscar eventos y ordenarlos. Esto muestra las opciones de visualización (lista, mes y día).

Ver lista

Esta es la visualización de la lista. Se ordenan automáticamente después de la fecha. Algunos de estos eventos son del tema del niño podcast. Vista mensual

Esta es la visualización mensual. Crea automáticamente el calendario. Incluye navegar para el mes anterior y el próximo y un botón para exportar eventos.

Pasando con el mouse sobre un evento, los detalles se muestran en una ventana emergente. Al hacer clic en él, llegará a la página Detalles del evento. Vista del día

Para la vista diaria, deberá elegir el día que desee ver. Seleccionar la fecha abre un selector de datos.

Se muestran todos los eventos de ese día. Agregue la navegación para el anterior y al día siguiente. Agregar la página del evento a su menú

En la parte superior derecha de la página del menú de WordPress, seleccione las opciones de pantalla y asegúrese de que se seleccionen las categorías de eventos y eventos. Esto agrega el tipo de eventos de publicación a su lista de opciones de menú.

Ahora puede agregar ciertos eventos y categorías de eventos a su menú. Este ejemplo agrega mi evento de WordCamp Knoxville al menú.

Para esto, agregué WordCamp como categoría.

Otra opción es agregar la página Categoría de eventos al menú. Puede acceder a la dirección web de la página haciendo clic en Vista del calendario en el menú superior. Vaya a esa página y copie la URL.

Glind la URL en enlaces personalizados, dale un nombre y agrégalo al menú.

Mi menú ahora muestra un enlace personalizado a la página de eventos y agregó mi evento y categorías como sub-artísticos.

Aquí hay un vistazo al menú que envía a la página de eventos. Widget para eventos

El complemento incluye un widget llamado la lista de eventos. Puede colocar este widget en sus barras laterales o en los aspectos de la división utilizando el módulo de widget. Déle un título, elija el número de eventos para mostrar, mostrar el widget solo si hay eventos futuros, limitarlo a los eventos presentados y generar datos JSON-LD.

Aquí hay un vistazo al módulo de la barra lateral en Div que muestra los eventos de widgets. Como este es un modo de división, puede modelarlo como cualquier módulo. Constructor de temas de la Divica

Debido a que el complemento agrega una categoría de eventos, los eventos son una opción para asignar los modelos en el constructor de temas. Además, debido a que los módulos de blog pueden mostrar contenido para la página actual, el generador de temas es una excelente manera de crear modelos para todas sus páginas de eventos. Sin embargo, la versión gratuita del complemento es limitada, por lo que no tendrá un control total sobre el diseño. La versión Pro agrega códigos cortos, por lo que puede incluir los elementos específicos deseados. En este ejemplo, agregamos aspectos a la página de las categorías de eventos y las páginas de eventos. Página de los eventos de categoría

Aquí está la página de eventos. La versión gratuita no incluye el filtro, pero tiene una apariencia elegante. El código de versión corto incluiría el filtro. La página del evento individual

Aquí hay un vistazo al aspecto individual de la página del evento. La versión gratuita no incluye la meta post, por lo que tendrá que agregarla a los detalles del contenido. Los códigos cortos de la versión Pro lo incluirían. Personalizador de temas

El complemento agrega algunas funciones nuevas para personalizar el tema. Las características incluyen tema general, elementos globales, visualización mensual, vistas de estilo de lista, eventos únicos y widgets. En este ejemplo, diseñé (estúpido) el calendario usando elementos de color del encabezado. Esto agrega muchas opciones de estilo para combinar el calendario de eventos con su propio estilo de sitio web. Los temas de los niños que incluyen el complemento para el calendario de eventos hay varios temas para la división de los niños disponibles en la tienda Aspen Grove Studios, que incluye el complemento del calendario de eventos. Aquí hay un vistazo a las páginas de su evento con enlaces, para que pueda ver el complemento en acción. División sin fines de lucro Una mirada a la lista de eventos de diván infantiles sin fines de lucro. Muestra eventos futuros con un fondo abierto con luces rojas. Photo Div

Aquí está la página del evento para niños Div Photography. Esta página tiene un fondo oscuro con brillos dorados. Pensamientos finales Esta es nuestra forma de crear un calendario de eventos en un sitio web de WordPress. El complemento de calendario del evento es una excelente opción para agregar un calendario de eventos a su sitio web. Hace la tarea fácilmente, y el complemento en sí es fácil de usar. Incluso la versión gratuita ofrece muchas funciones. Para aún más características, como vistas, widgets avanzados, eventos recurrentes y más, recomendamos la versión Pro. Queremos escuchar de ti. ¿Ha creado un calendario de eventos para su sitio web de WordPress? Cuéntanos sobre tu experiencia en comentarios.