Adding a Calendar to Your Site

One of the easiest ways to add a calendar to your site is by embedding a Google Calendar into one of your pages (or posts).

Once you have created a Google Calendar you can get the embed code and paste it in the “Text” content window.  Click on the “gear” icon, and then “Settings” from the Google Calendar Menu.  Click on the “Calendars” link in the upper left corner.  Click on the link name of the calendar.  You should see an “Embed this Calendar” section and to the right is a window with the title of “Paste this code into your website.”    In the window should be some coding.  Right Click in the window and “Select All” and then Right Click and “Copy” all the coding.  You will then switch to your WordPress Edit Page or Edit Post screen.  There are two modes of viewing the Content window:  Visual and Text.  The “Text” view shows the page/post content and all the coding which makes the page look the way it does.  So, change to the “Text” view and put you mouse cursor where you want to embed you calendar.  Then “CTRL+V” or Right Click and Paste to add the coding to your content.  Save or Update the page/post and go view the embedded Google Calendar.

Google Calendar

 


 All-in-One Event Calendar by Time.ly

Another way to add a calendar to your site is to “activate” the “All-in-One Event Calendar by Time.ly” plugin, found by clicking on the “Plugins” section under the Dashboard, and then clicking on “Activate” beneath the plugin.  There are several modes of calendar included with this plugin and there is even an option to include a Google Maps thumbnail for the location of an event.  Click on the Oct. 6th event to see an example of this.  *That’s cool!  And, you can import one or more .ical calendars from elsewhere and those events will be included in your calendar.

When the plugin has been activated, there will be an “Events” area added under the site Dashboard.  This is where you can add new events.  To find the shortcode to use to embed your calendar click on “Settings” under the “Events” section, and then go to the “Advanced” area.

Here are a few of the shortcodes you might use:
timelycal-shortcodes