Join Morten Rand-Hendriksen for an in-depth discussion in this video Adding an events calendar, part of WordPress DIY: Community Website.
- View Offline
- If your community or group or association organizes events, it can be a good idea to add an events calendar on your site. Fortunately for us, there are many great free events calendar plugins that we can install directly from the WordPress.org plugin directory. To do so, go back to the backend, go to Plugins, and Add New. From here, we'll search for The Events Calendar. Now, it's important to point out here that there are hundreds of different events calendar plugins, this one just happens to be called The Events Calendar, it is not the events calendar, there are many other events calendar as well, the difference between them is usually features.
Some have a lot of features, some have very few features. It all depends on what kind of site that you want to build. In my experience, this one, The Events Calendar, is a good starter calendar to get used to how to manage calendars on your site. It works quite well, even for large sites, but, if you find a different events calendar that you like better, feel free to use that as well. This is just an example. So, I'll install The Events Calendar from Modern Tribe, activate the plugin, and just like with bbPress, we land on a welcome page that tells us more about The Events Calendar.
Here you have a short video that gives you an overview of the calendar, and you also get information about the most recent version. Now that The Events Calendar is installed, we need to configure its settings, and you'll notice that, just like with bbPress, that installed the Forums, Topics and Replies buttons in the admin main menu, The Events Calendar adds a new main menu item called Events directly under Posts, and from here, you have all the different settings. So right now, I'm going to go to the Settings tab. Here you get information about the creators of The Events Calendar, and you can choose to show a link back to The Events Calendar if you want to support them, and underneath, you have the general settings.
The settings that you might be interested in here are these two: Show Comments, if you want to enable comments on events pages, so you want to post and event, and then people can talk about it, and also Include Events in Main Blog Loop. I would choose to turn both of these on. The first one, so people can have conversations about events, and I can answer questions about events if they arise. The second, so that events actually show up on the front page, that people know that they happen if they just go to the front page. There are other settings you can fill out here. If you go through them, you'll see that some of them are relevant to your site, some of them might not be relevant, and this is also where you can return to the welcome page, or you can go and view an update page if you update to a new version, and where you can Merge Duplicates if you have multiple different events that are actually the same event, you can click this button and get all of them merged together.
Once you've made the changes you want, click Save Changes, then you can go to Display and here you get to choose what the events calendar is going to look like. By default, it's set to Tribe Events Styles. I find that this works quite well, but you can choose to change it to Full Styles or just Skeleton Styles, as well. This is something you should experiment with and see what the different options look like, but you can only really do that once you've created some events, and we're going to do that in the next movie. You also get to choose what templates the events template uses.
If you go to the front end of our site and look at any page, you'll see that the default page layout is this: you have a sidebar on the right-hand side and then the content on the left. However, in some themes, you have additional page templates, and those page templates would show up here. So, here we see we have a Default Events Template, we have a Default Page Template, and we also have a Full Width Page, meaning a page where you don't have that sidebar. Here, you can choose how you want to display the events. Do you want them with a sidebar or without a sidebar. If it was up to me, I would recommend leaving the sidebar in place because the sidebar indicates other content on the site, and people may only land on the events page.
However, in some cases, you may want the events page to take up the full display, and you can do that as well. Scrolling down, you control what people see when they view the events listings. By default, they can see the events listings in three different modes, either as a List, in a Month view or in a Day view, and you can also choose what the default view is, either List, Month or Day. If you set it to the default, which is Month, you'll see a calendar. If you set it to List, you'll just see the events listed in a chronological order.
I prefer this List option, but you can choose any of the other options, too, and experiment with them yourself. You'll see what all this means in the next movie. Finally, at the bottom here, you can set up the date format settings, and you can set up Advanced Template Settings like Add HTML before or after each event. Now, these are advanced setting that you're probably not going to touch, but it's good to know they exist. Once you've made changes, click Save Changes. Then, to see what your events calendar currently looks like, you can click The Events Calendar in the WordPress toolbar.
From here, you get a view of your events page, which is under your URL/events, just like with forums, and here you see that select View As where you can choose between List, Month and Day. You also have a search bar and a date bar, where you can choose to look at events only on a certain date. Now that the events calendar is in place, we need to add content to it, so there's actually some events to work with.
Find more courses in this series in our WordPress DIY playlist.
- Understanding your site goals
- Making a content inventory
- Choosing a theme and plugins
- Configuring the menus and layout
- Extending functionality with plugins
- Adding forums, events, and forms to your website
- Importing WordPress users as community members
- Securing your site and managing spam