Using the Events Calendar

Your website has an Events Calendar that allows you to display a day, week or month view calendar of events. Here are some of the features:

  • Many types of repeating events.
  • Include dates to an event if it doesn’t fall on a specific repeat pattern.
  • Easy to set up. Let the plugin know what page name you want to use and you are good to go.
  • Exclude events from certain dates every year such as holidays.
  • Each event has its own page. (Great for SEO and direct linking to events for more information.)
  • Add unlimited events. (Great for fitness centers, schools, organizations, and companies.)
  • Create categories for easy viewing and sorting.
  • Automatic print view for easy printing and saving ink.

This tutorial provides some basics on:

  • how to enter an event into the calendar,
  • how to display the calendar on a page on your site, and
  • how to display an “upcoming events” widget on your widgetized side bar.

As far as scheduling recurring events, annual events, . . . , you may need to do a little experimenting.  Complete details are not included in the tutorials because there are so many variables and options available.  If you get totally stuck, please give us a call and we’ll do our best to help.

First, you have to make sure the tool is enabled (it is an optional tool, so it may not be activated yet for your site).

  • If you do not see the ‘Calendar’ listed in your admin navigation bar, follow the ‘Activate’ instructions.  Otherwise, skip to the ‘Adding Events’ section of this tutorial:

Activate

  • In your WordPress administration, go to the ‘Plugins’ page.
  • Activate the ‘CGM Calendar’ plugin and a sub-page for ‘CGM Calendar’ will appear in your ‘Settings’ menu and also as its own menu.

Configure your Calendar Settings

Go to Settings -> CGM Calendar

Page Name – Sets the default url to display the calendar with no page or post creation required.  For example, to add a calendar there, your calendar url will be http://yoursite.com/calendar.

Default View – Sets the default view of the calendar, by Month or Week when visitors view your calendar.

Start Time – Sets the time that the weekly calendar will start on. If you set the start time for 8 a.m. and have an event at 7 a.m., the event will not show on the weekly calendar.

End Time – Sets the time that the weekly calendar will end on. If you set the end time for 5 p.m. and have an event at 6 p.m., the event will not show on the weekly calendar.

Adding an event to the calendar:

Logged in as an administrator in your Dashboard, click “Calendar” on your left navigation bar:

Before you can add events, you must add at least one category by clicking the “Add Category” link:

For most websites, having one category called “Events” will do fine. Create your category by completing the form that pops up. You must give the category a title and a color.

  • The form is expecting you to enter a color “number” in the color box like this: #FF1234.
    • To get this number, click on the color wheel and the number will be entered into the color #box for you.  Click ‘Save’.

Next, click the ‘Add Event’ link:

Enter the details of your event using the form:

How to Display a List of Upcoming Events using widgets.

NOTE:  Your theme has to support short codes in widgets. Please contact us if you have trouble getting ‘Upcoming Events’ to display properly using this tutorial and we will update your theme so it works!

To create a list of upcoming events on a sidebar, you will need to use your “Text” widget and simply insert the following “short code”:

[ cgm-upcoming-events num_events=10  ]

  • NOTE:  You will need to remove the space after the first “[“ and before the last “]” or this code will not work.

Go to Appearance/Widgets:

Left click and drag the “Text” widget to the sidebar where you want the upcoming list to display:

Give the widget a title (for example, ‘Upcoming Events’), put your short code in the body, change the number of ‘Upcoming Events’ to link to your preference, then click “save”: