Beaver Themer and The Events Calendar plugin

As of alpha release Version 1.1-alpha.1 of Beaver Themer Plugin, you can create theme layouts for The Events Calendar. Beaver Themer supports both the free and the premium versions of The Events Calendar plugin. This documentation focuses on the free version, and this article gives you an overview of how the integration works and what types of theme layouts you can create.

Basics of The Event Calendar plugin

The Events Calendar is really a custom post type. By default, events are posted on a page called events (mysite.com/events). This page is a custom WordPress index page, and by default, it displays events in three views:

  • Month view
    Displays a visual calendar for the current month with events listed, with navigation to following months.
  • List view
    Displays a list of upcoming events organized by month, as shown in this screenshot:
  • Day view
    Displays a list of events for today, with navigation to each following day.

Clicking an individual event takes you to the single event page, which has all the details. This screenshot shows what the default single event page looks like:

If you have assigned categories or tags to your event, you can click individual categories or tags in the event listing to see a list of all events in the same category or with the same tag. These are WordPress custom archive pages.

Theme Builder layouts for The Events Calendar pages

You can create two different types of theme layouts for The Events Calendar to replace the following default pages.

  • Use Archive-type theme layouts to override the main Events page and other pages that list events by category or tag.
  • Use a Singular-type theme layout to override the single event page.

The advantage of using Theme Builder layouts to build your events pages is that you have more flexibility in layout and style. For example, instead of displaying just the Month, List, or Day views on the Events page, you could add a banner, a heading, the calendar, and add a list of the next few upcoming events, as shown in this screenshot.

For detailed information about to create the layouts, see the Related Articles below.

Tip: The Archive theme layout overrides archive pages that are generated by WordPress -- in this case, the lists of events and single event pages that you normally see in The Events Calendar. If you want to embed portions of The Events Calendar plugin elsewhere on your site, such as display a list of events on a page, use the shortcodes and widgets provided by The Events Calendar plugin and various add-ons.