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

April 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
1
2
3
4
5
Events for 1st April
No Events
Events for 2nd April
No Events
Events for 3rd April
No Events
Events for 4th April
No Events
Events for 5th April
No Events
Events for 6th April
No Events
Events for 7th April
No Events
Events for 8th April
No Events
Events for 9th April
No Events
Events for 10th April
No Events
Events for 11th April
No Events
Events for 12th April
No Events
Events for 13th April
No Events
Events for 14th April
No Events
Events for 15th April
No Events
Events for 16th April
No Events
Events for 17th April
No Events
Events for 18th April
No Events
Events for 19th April
No Events
Events for 20th April
No Events
Events for 21st April
No Events
Events for 22nd April
No Events
Events for 23rd April
No Events
Events for 24th April
No Events
Events for 25th April
No Events
Events for 26th April
No Events
Events for 27th April
No Events
Events for 28th April
No Events
Events for 29th April
No Events
Events for 30th April
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" ​