This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: https://theeventscalendar.com/product/wordpress-events-calendar/ 




 

The theme fully supports Events Calendar and Events Calendar Pro versions.

If you don't need the Events Calendar plugin simply don't install it and all the features, codes and anything required for the Event Calendar will not be loaded. Vice versa, if you need to set up the Events Calendar just install it like you do with  other plugins. Once installed and activated, the Events Calendar menu will be added in the WordPress main navigation menu on the left.

 

Some of the functionality you see on the demo website is only supported by the Event Calendar pro, the Filter Bar and the Community Events paid add-ons. 

Here is detailed info what the Pro version includes in addition to the free Event Calendar version:


Event Calendar Pro



If you are new to this plugin please refer to the plugin author official in depth documentation:


http://tri.be/support/documentation/events-calendar-pro-new-user-primer/

https://tri.be/the-events-calendar-for-wordpress-tutorials/

 

Setting up an Event


  1. Please navigate to Events > Add New
  2. Choose the category, tags or event options from the panels on the right hand side.
  3. Set the Event details like - date, address etc.
  4. Set the Excerpt (optional setting). This text is shown in the listing views.
  5. You can use launch the Vamtam Builder in case you need complex layout or particular functionality (Guide to VamTam Beaver Builder)
  6. Set the featured image (optional)
  7. Update to publish the changes




Adding Events to the menu


  1. Please navigate to Events > Settings
  2. In the middle of the page find the "Events URL slug" field
  3. Copy your current events URL




4. Please navigate to Appearance > Menus
5. Add to menu the custom link with your current events URL
6. Save menu



There is a short cut to locate your calendar - please navigate to the Wordpress header menu > Events > View Calendar






Styling the Events 


Your default events listing pages and single events pages get the global styles for the theme. You can also set particular styles for them in Customize > The Events Calendar