Create a Singular theme layout for The Events Calendar plugin (Themer)

Use a Singular theme layout to design theme layouts for single-event pages for The Events Calendar.

  • For an introduction to how theme layouts work with The Events Calendar plugin, see the overview article.

Here's how to create and design a theme layout for a single-event page.

Tip: It helps to have some events created first so that you have something to preview as you design the layout in Theme Builder.

1

Create a Singular theme layout

  1. In the WordPress admin panel, click Builder > Theme layouts.
  2. Click the Add New button at the top of the page.
  3. Enter a title for your theme layout.
  4. Verify that Type is Theme layout and for Layout select Singular, then click Add theme layout.
    The  Edit theme layout screen will open.
1

Edit the Singular theme layout

  1. For Location, click Choose, then from the Events section choose Event.
    By default the location will apply to every single event page, but you can include or exclude specific items by setting up inclusion or exclusion rules.
  2. Click Publish
3

Design the page

  1. Click Launch Page Builder.
  2. In the Preview as field at the top of the page, select Event, then select a particular event page, assuming you've created one already.
  3. The theme layout opens with the singular template for standard posts. To use the Event template to start building your page, click Templates in the upper right corner and make sure General is selected. Select the Event template, then click Replace existing layout.
  4. Build the page in Page Builder in the normal fashion, by adding and configuring modules. 
    See the next section.

Events Calendar modules for the Singular theme layout

When you edit a Singular theme layout and have The Events Calendar plugin installed, there's a special content group in the  Add content panel called The Events Calendar Modules, containing the following modules: 

  • Event cost
  • Event countdown
  • Event date and time
  • Event description
  • Event details
  • Event export links
  • Event map
  • Event notices
  • Event organizer
  • Event title
  • Event venue

These modules can be used to display the event description and the many custom event fields that you may have filled in when you created the event. If you added the Event template to your page, you will see many of these modules.