Responsive calendars
WordPress Event Calendar Views
Give visitors a useful list, month, week, upcoming, or past view that works across desktop and mobile screens.
What this resolves
A clearer way to manage this work in WordPress.
- Five focused calendar views
- Responsive frontend layout
- Keyword and taxonomy filters
- Shortcode and Gutenberg placement
Choose the right view
Match the calendar to the way people browse.
A month grid works for overview, while upcoming and list views make the next activity easier to spot. Choose the starting view in Gutenberg without rebuilding the page.
Calendar block settings in Gutenberg
Screenshot will be added here.
Useful everywhere
One calendar that adapts to the screen.
Visitors can search and filter the same schedule on desktop and mobile. The layout changes with the available space instead of forcing a wide calendar into a narrow viewport.
Responsive public event calendar
Screenshot will be added here.
Keep discovery simple
Show filters only when they add value.
Turn category, teacher, location, and keyword filters on where the programme needs them. Small schedules can remain quiet; larger catalogues gain the tools visitors need.
See the complete workflow
Watch the screencast.
Follow the feature from its first setting in WordPress to the finished result visitors will see.
Calendar views and filters workflow in WordPress
Screencast will be added here.
WordPress manual
How to configure wordpress event calendar views.
-
1
Open the Events page
Edit the page WordPress created for your calendar, normally found at /events/.
-
2
Select the calendar block
Choose the Drecha Events & Classes block in the Gutenberg editor.
-
3
Choose the default view
Set list, month, week, upcoming, or past as the starting view.
-
4
Configure and preview
Choose the useful filters, then check both desktop and mobile previews before updating the page.