adding activity calendar to your website is a good way, allowing your audience Learn about your upcoming activities and activities in the industry. In this article, we will learn how to add activity calendars on the WordPress website.
Activity calendar
One of the simplest ways to add activity calendar is the plug -in named The Events Calendar. It provides free and professional editions. I am using a free version. The professional version adds more functions, which is more suitable for adding the event to the Divi layout and creating its own event page.
Event calendar settings
After installing and activating the plug -in, you will see the setting option. This includes conventional settings, display, licenses, APIs, import and a tab. If you use a free version, you can upgrade. Most settings can be retained as the default value, but I recommend checking the content you want to open through.
Creation event
Add this plug -in A new custom post type called 
Events
. In the Events menu of the instrument board, select
Add New . This will open the editor, you can add content and event details in it. You can use a conventional editor or divi builder to get the event content.
Under the editor, you will see a 
event details
Part. This includes starting and ending time and date, location, organizer, website, cost and additional function (if you install additional components). The right side is activity category, activity options and characteristic pictures.
Date and time
Select 
Date
will open a calendar, you can choose the date of the start and end of the event.
Select 
Time
Open a drop -down box, you can choose time in it. Time starts every half an hour.
Select 
Times
to open the drop -down boxTo select the time zone of the event (if it is different from the default time zone).
Select
All day activity
. 
For the UTC-5 time zone, I have set my activity to February 12
starting at 8:00 am, and run until February until February until February until February until February 13 
Day
5:00 pm.
Location
The location
provides options to create or find venues, display maps and display map links. This image shows the drop -down box of the venue. It lists
my venue 
and
available venues
. You can search them. To create a new venue, you only need to enter the name, and then click the creation link that appears.
This will open more fields, you can enter the address, phone number and website in them.
The organizer
Select a
Organizer
. It shows
my organizers 
and
available organizations
. You can also add your own name by entering the name and clicking. Create your own organizers will open more fields, you can add phone numbers, websites and email addresses to them.
website Input activity Input activity 123] Website . If there is a specific page of the event on the website, be sure to include it, but if the entire website is about the event, it does not need to be done. This will add a clickable link.
Activity costs
The cost of cost
, enter the currency symbol, select the symbol you want the symbol to appear in Before the cost or after (before the default is set to the cost), then enter the amount.
additional function
Additional features will include the function of any additional component you have installed. It will also contain a link to an additional component.
Click the link to open a page, you can check all the additional components available 
in it and buy it.
Example event
For my
example event
, I used some texts and images in Phoenix Wordcamp to create a model to create a model Wordcamp event. I chose special activities in the event options. This will automatically choose to make the event sticky in the moon view. I added a label to Wordcamp Knoxville and added a new category to WordCamp.
This is the incident of front end
Essence It displays the title, date and time and price at the top. Next, it shows special images and content. Next is the Google calendar and iCal buttons. Then it provides a list of all activities and organizers. Finally, it shows the site name, address, phone number and Google map.
All activities The event will be listed in the
event library
, you can edit or delete them in it. 
It puts the event on the front end
category page
. This page contains a filter that you can select one day, press keyword search, and select the view type you want them to display. The top of the page contains a filter that allows you to search for events and sort it. This shows the view option (list, month and date).
List shows
This is a list view
. They will automatically sort the date. Some of these incidents are from the theme of Podcast children. 
Moon view
123] Moon view
. It will automatically create a calendar. It includes navigation last and next month and buttons used to export events. 
Hanging the mouse in the event will display detailed information in the pop -up window. Click it to bring you to the detailed information page of the event.
Daily View For daily view
, you need to choose the date you want to view. The selection date will open a date selector.
Display all the events of the day. It added navigation the previous day and the next day.
Add the activity page to your menu
In the upper right corner of the WordPress
menu page
, select the
screen option [ 123] and ensure that the
event
and 
event
category . This will add the type of event posts to your menu option list.
You can now add specific events and event categories to the menu. This example adds my WordCamp Knoxville Event to the menu.
For this, I have added WordCamp to a category Essence Another choice is to add event category pages to the menu. You can visit the website of the page by clicking in the top menu. Go to this page and copy URL.
Paste URL into
CUSTOM Links
, name it, and add it to the menu.
My menu is now displaying a custom link to the event page, and I have added my events and categories as sub -items.
Below is the menu to the event page.
Event small components
The plug -in includes a small component called event list . You can use a small component module to place this small component in the sidebar or DIVI layout. Give it a title, choose the number of events to be displayed, display small components when there is an upcoming event, limit it as a special event, and generate JSON-LD data.
This is a small component in the sidebar.
Below is the sidebar module of the small component of the event in DIVI. Since this is a DIVI module, you can set its style like any module.
DIVI theme generator
Since the plug -in adding event categories, the event is in
DIVI theme Builder options assigned layout options Essence In addition, because the blog module can display the content of the current page, the theme generator is a good way to design the layout for all activity pages.
However, the free version of the plugin is limited, so you cannot completely control the design. The professional version is added with a simple code, so you can include the required specific elements. In this example, I have added the layout to the event category page and event page.
Activity category page This is the activity page
. The free version does not include filters, but it does have an elegant layout. The professional version will include a filter.
Personal activity page
Let’s look at the following look at Let’s 
Page layout of each event
. The free version does not include the post, so you need to add it to the content details. The professional version of the short code will include it.
Theme customizer
This plug -in is
Theme customization
adds several new features. Functions include general themes, global elements, monthly views, list style views, single events and widths. In this example, I (bad) uses the color elements in the title to set the calendar style. This has added many style options to integrate the activity calendar with the style of your website. 
The sub -theme of the event calendar plug -in
ASPEN GROVE Studios store provides several divi children’s themes, including the Events Calendar plugin. The following is the link of their activity page. You can view the operation of the plug -in.
Diwei Fei Dali Organization
The following is the list of Divi Nonprofit children’s activities.It shows the upcoming event with a light background and red highlights.
Diwei Photography
This is the event page of the theme of Divi Photography.The mask on this page has a dark background with a golden highlight.
The end of the end
This is how we think about how to create activity calendar on the WordPress website.Event calendar plug -in is an excellent choice to add activity calendar to your website.It makes the task simple and the plug -in itself is easy to use.Even the free version provides a lot of features.For more functions such as views, high -level components, and repetitive events, we recommend professional editions.
We want to receive your letter.
Have you created an activity calendar for the WordPress website?
Please tell us your experience in the comments.
