Skip to main content Skip to local navigation
Home » Modules Library » Module 08

Module 08


Full calendar block

Purpose
Use this module to display events in a calendar format.

Functionality
Mimics the functionality of Google Calendar

Click here to learn more on how to create shortcodes

How to Add Modules

To add modules to the Gutenberg editor, follow these steps:

  1. Go to your WordPress Admin interface and open a post or page editor
  2. Click the plus button in the top left corner or in the body of the post/page
  3. You can either:
    • Click on Patterns, scroll through them until you find the module you want to use or
    • Search for the module you would like to add using either the module name or number
  4. Click the module to add it

The module will be added to the body of your post or page.

Visuals

Monthly Weekly Daily List

July 2024

MO
TU
WE
TH
FR
SA
SU
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
Events for 1st July
No Events
Events for 2nd July
No Events
Events for 3rd July
No Events
Events for 4th July
No Events
Events for 5th July
No Events
Events for 6th July
No Events
Events for 7th July
No Events
Events for 8th July
No Events
Events for 9th July
No Events
Events for 10th July
No Events
Events for 11th July
No Events
Events for 12th July
No Events
Events for 13th July
No Events
Events for 14th July
No Events
Events for 15th July
No Events
Events for 16th July
No Events
Events for 17th July
No Events
Events for 18th July
No Events
Events for 19th July
No Events
Events for 20th July
No Events
Events for 21st July
No Events
Events for 22nd July
No Events
Events for 23rd July
No Events
Events for 24th July
No Events
Events for 25th July
No Events
Events for 26th July
No Events
Events for 27th July
No Events
Events for 28th July
No Events
Events for 29th July
No Events
Events for 30th July
No Events
Events for 31st July
No Events

Setting up shortcodes

This is located in M.E. Calendar > Settings > Shortcodes. Kindly note that to maintain consistency across websites, you should use the full calendar and list view. This section is divided into two​:

Section 1 - Display Options:

This section contains settings to select the look and feel of the calendar

  • Step 1: Click Add Shortcode - This will initiate the shortcode wizard to walk you through the process
  • Step 2: Add shortcode name
  • Step 3: Select Full Calendar
  • Step 4: Select Clean style
  • Step 5: Select "New Window" Single event Display Method
  • Step 6: Select "Include expired events"
  • Exit the wizard page once you get to the shortcode screen

Section 2 - Filter Options:

This section contains settings to filter events to show up. You can filter by Category, Locations, Organizers, Labels, Tags, etc.
To get to this section, you will need to:

  • Step 1: Exit the shortcode wizard page
  • Step 2: Refresh the shortcode list page to make your newly created shortcode visible
  • Step 3: Hover on your shortcode and click edit
  • Step 4: Scroll to the filter options to add your preferred settings
  • Step 5: Update.

The Shortcode has been generated, the next step is to copy the code and add it to your page via the Shortcode block

NoteUse the search form in Block Settings to enable extra search features such as "text search & search forms" ​