Dashboard Training

Events Calendar

Important Calendar Settings

Creating a new event

This is actually really easy. Let’s start in the WordPress dashboard — you should be able to find a menu entry called Events and, if you click on it, you should see the Add New link.

Showing the Add New item within the Events menu

Once you’ve found it, go ahead and click on it! This should bring you to the event editor.

The event editor hopefully won’t contain too many surprises: it is intentionally almost identical — at least on first glance — to the regular page and post editor used by WordPress itself.

So, if you’re familiar with WordPress, you should feel right at home. Here is how to create an event in the classic editor:

how to create new events
  1. Add a title to your event
  2. Describe your event
  3. Select the date and time for your initial event (required), as well as any desired recurrences (optional)
  4. Select an existing venue or create your own (optional)
  5. Specify the event organizer (optional)
  6. Link to an external website about the event (optional)
  7. Determine if the event should be featured (optional)
  8. Upload a featured image to display in event listings (optional)

If you are using Block Editor, the default layout will look slightly different:

  1. Add a title to your event
  2. Select the date and time for your initial event (required), as well as any desired recurrences (optional)
  3. Describe your event
  4. Add a price for your event (optional)
  5. Specify the event organizer (optional)
  6. Select an existing venue or create your own (optional)
  7. Link to an external website about the event (optional)
  8. Provide visitors with a way to add this event to their own calendar software (optional)
  9. Show related events (optional)
  10. Display tickets/RSVPs if using Event Tickets and Event Tickets Plus (optional)
  11. Show who is attending the event if using Event Tickets Plus (optional)
  12. Select an Event Category (optional)
  13. Upload a featured image to display in event listings (optional)
  14. Determine if the event should be featured (optional)

For more help creating events, please see Creating an Event.

Creating a recurring event

? Note: This is a feature limited to Events Calendar Pro

In the Time & Date settings of your event, you will find the Event Series settings, which are used to turn one event into a whole series of events.  This is known as a recurring event.

how to create a recurring event

 

Create a recurring event in Classic Mode

 

Create a recurring event in Block Editor

When you view your live event, you will notice that under the title and date, “Recurring Event” is displayed.  

When you click on the “See All” recurring event link, you will see a list of all events within the series

Setting dates and times

The Events Calendar uses your WordPress settings to determine on what day the week begins along with other time-related settings. Go to Settings → General to modify these settings.

  1. Select your timezone (See “Working with Timezones” for more help on this)
  2. Select or customize the date format. (For additional customized formats, see the WordPress guide)
  3. Select your preferred Time Format (For additional customized formats, see the WordPress guide)
  4. Select which day the week starts on. By default, WordPress is set to start the week on Mondays

You can also modify the wording and order that the day of the week, date, and year are displayed by modifying settings in Events → Display.

date format settings

Changing your calendar address

By default, your calendar will be accessible at yoursite.com/events, where yoursite.com is the address for your site’s home page. If you want your calendar to appear on a page titled something other than /events, you can easily modify the link. Go to Events → Settings → Display.

How to Change The Events Calendar Address

We generally recommend using “pretty” permalinks with The Events Calendar. Without getting too technical, some of the functionality of the plugin depends on these more-readable URLs in order to work.

Go to Settings → Permalinks. Then select the style of permalink that you want. We recommend Post Name.

permalinks post name

Learn more at Permalinks Best Practices.

Setting the calendar’s default view

To modify the layout of your events page, you can select from several view options.  Go to Events → Settings → Display.

The Events Calendar offers List, Month, and Day views. Events Calendar Pro adds Week, Map, and Photo view options.

  1. Enable event views allows you can select which view types users can see from the front of the site.
    view calendar as
  2. Default view will determine what users see initially upon visiting your events page.
  3. Default mobile view is available for Events Calendar Pro users and allows you to set a different default view for smaller screens.

Integrating with your theme

Depending upon your theme, you may want to switch your stylesheets and templates to achieve the desired look for you website.  Head to Events → Settings → Display. Then select the best combination for just the right look.

  1. Default stylesheet used for event templates
    • Tribe Events Styles: Our most comprehensive level of styling, and the default option.
    • Skeleton Styles: This is a very minimal level of styling, and is ideal for those who wish to roll their sleeves up and build their own custom set of rules.
  2. Event templates
    • Default Events Template: A layout set by The Events Calendar
    • Default Page Template: A layout set by your theme

How to Modify The Events Calendar colors, fonts, and styles

Do you want to modify The Events Calendar to better match your desired theme?  Here are a few of our top tips to get just the right look:

customizer The Events Calendar
customizing The Events Calendar
  1. Start by modifying what you can at Appearance → Customize→> The Events Calendar.
  2. Select Global Elements
  3. Modify the Accent Color
  4. Repeat for other theme elements
  5. Additional modifications are available in the Calendar Customizer extension.

We generally don’t recommend that you change the theme or plugin’s CSS files directly, as they will be overwritten. To avoid this, follow the steps outlined in our Themer’s Guide.

additional css
  1. Use overriding CSS files, or add CSS to your site using Appearance → Customize → Additional CSS.
  2. Add your custom CSS.

Please check out the following YouTube video and our Using Chrome Developer Tools tutorial for more information on making style changes using CSS.