Event Calendar
An interactive calendar that stylishly displays your upcoming event dates and details.
Installing The Plugin
The installation process is the same for all the addons, offered by WP Event Manager. They can be both installed automatically and manually.
- Automatic Installation : You can install the plugin from the backend of your WordPress. Click Here to see how you can install the plugin automatically.
- Manual Installation : You can also install the plugin manually using SFTP or FTP tools FTP tool as well. Click Here to see how you can install the plugin manually.
Watch the entire video for better understanding
Events Calendar on Event Listing Page
After installing and activating the plugin.
- The Event Calendar icon appears on the Event listing page as shown in the below-mentioned screenshot. Clicking on that icon will help you display the event calendar with all the available events on the website.
The Shortcode for Event Calendar
To display the Calendar on a specific page, you need to add the event calendar shortcode in the description area of the page.
- Create a new page from WP-admin >> Pages >> Add New.
- Add a suitable title to it.
- Add the following shortcode inside the content area:
- In order to sort the events by category or types, enter the following code.
- Other shortcodes related to the Calendar plugin includes the following.
[events_calendar]
[events_calendar categories="charity"]
It displays the calendar in widget form where events are highlighted.
[events_calendar_widget]
Note : It is recommended for you to insert the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.
Calendar settings
To access the calendar settings section, here are the steps you need to take:
- Go to wp-admin>>Event Manager>>Settings.
- Click on the Calendar tab.
- Here you will get the option to show or hide the calendar layout from the Events page.
Here you will get the following options:
- Show calendar layout: You can check or keep it black to show or hide the calendar layout from the event page.
- Enable views: This is a dropdown menu that comes with the following view options:
- List: shows all your events in a list.
- Daily: displays only the events to be held on your preferred date.
- Weekly: shows all the events that are scheduled in a week.
- Monthly: showcases all the events of a specific month.
- Yearly: reveals all the events that were held and that will be held in a year.
- Summary: it shows the event details including date, time, and title.
- Map: Shows events based on a specific location.
- Show events from start to end: You can enable this option to display all the events that you have in a year.
- Default calendar view: Enable this option to add a specific view to all your events.
Select your preferred calendar views as per your requirements.
After making your preferred changes in the setting section, to see the results, you need to follow the below-mentioned steps:
- Go to the Frontend Event Listing page.
- Click on the Calendar icon.
- You will get the View option with the dropdown that you have selected at the backend.
- You can select any view option from the dropdown to display your page.
-
Event Calendar list view
This layout shows all your events in a list.
-
Event Calendar Daily View
This layout displays only the events to be held on your preferred date.
-
Event Calendar Weekly View
This layout shows all the events that are scheduled in a week.
-
Event Calendar Monthly View
This layout showcases all the events of a specific month.
-
Event Calendar Yearly View
This layout reveals all the events that were held and that will be held in a year.
-
Event Calendar Summary View
This layout shows the event details including date, time, and title.
-
Event Calendar Map View
This layout shows events based on a specific location.
Frontend Events Calendar Layout
The following screenshots here show how the event calendar looks on the front end of your website.
It shows a tooltip box with the Event name, Image, Description, start and end date on the event title you put your cursor in.
Event Calendar Widget
In order to add the widget of calendar, follow the below mentioned steps,
- Login to admin panel.
- Follow, WP-admin >> Appearance >> Widgets.
- A widget called the Event Calendar appears in the widgets list.
- Drag this widget and drop it to the required widget area and show the event calendar at the required location(For ex: sidebar area of your website).
Advanced: Overriding/Customizing the templates
For overriding or customization template files can be found in the “/wp-event-manager-calendar/templates/” directory.
To override a template file, follow the below-mentioned steps:
- Create directory “wp-event-manager-calendar” under your theme folder.
- Copy the template file to “/wp-content/yourtheme/wp-event-manager-calendar/” directory.
- Your theme will use all the template files from the “/wp-content/yourtheme/wp-event-manager-calendar/” directory instead of the plugin’s template file (/wp-content/plugins/wp-event-manager-calendar/).
- Event-calendar.php template file now lists the user’s calendar.
Note: If you have override template file and plugin frequently updating then you need to sync template file with new updates from the plugin’s template file for better functionality and new features.