Calendar 4

Use your Google Calendar on your WordPress Blog

In this article, we will show you how to import your Google Calendar into your WordPress Blog. In  the previous article, you copied data from the settings page of your Google Calendar into a document file. You will now use that data to create the Calendar Page and/or Widget for your blog.

The process involves using a PlugIn to WordPress. The “AmR iCal Events List” plugin does the magic. So, here are the steps to use it:

  1. The first thing is to install & activate the AmR iCal plugin
  2. Visit the Settings page for the plugin & add any needed info. The only item that normally needs to be changed is the “date localization” – I recommend the “none” option. Press “Update” to save any changes.
  3. Visit the Appearance / Widgets page & drag the AmR iCal Widget to the desired sidebar of your theme.
  4. Add a Title for the Widget and then SAVE.
  5. Visit the home page of your site and assure that the sample events are displayed properly.
  6. Revisit the Widget’s Settings & erase the link in the URL field then PASTE the “ICS Address” into the field (The address is found in the document that you saved at the previous article – or from the  Google Calendar Settings.) Be sure to SAVE the widget settings.
  7. Return to the home page for your site and assure that YOUR calendar’s events are displayed.
  8. You may also add a second calendar by placing it’s ICS address (url) in the field after your own calendar’s url. (Suggestion: include the calendar of your host community.)

That will complete the widget’s function! Enjoy. You can edit the manner that the events are displayed by making slight changes to the configuration. Visit the plugin homepage for instructions.

Event PageYou may wish to include a PAGE on your site to provide a bigger and more complete display of your events.

  1. Visit your site’s dashboard & click on Pages / Add New
  2. In the Title field, enter your name for the page. E.g, “Events”
  3. In the window, type the open square bracket character and the letters “iCal” followed by a space and the “ICS address” used in the widget above. Add another space and the text, “days=100 events=10" and the close square bracket.
  4. The final text entered in the window will look something like:

[ iCal days=100 events=10 ]

(Delete the space after the open bracket and before the close bracket. This is the data for the BLCOG calendar.)

  1. Continue from step 4 above, you must revisit the settings for the AmR Widget (Appearance / Widgets) and enter the name of your page (from step 2 above) into the “Calendar Page URL” field. NOTE: only enter the name of the page (e.g., “Events”) and not the entire URL.
  2. Save the widget and close
  3. Visit your home page and your new “Events” page should be available. Click on it to assure that it works.

As with the Widget, you can edit the manner that the events are displayed by making slight changes to the configuration. Visit the plugin homepage for instructions.

Finally, we can create another page on your blog that displays the calendar much the same as the online Google Calendar page. Here are the steps to do that.

(NOTICE: With the newest version of WordPress, this function does not seem to work. Whenever you press “Save Draft” or “Publish” button, the code disappears and the page will not be displayed. I will return to this article when I find a resolution to the problem. In the mean time, if it works for you, enjoy. If not, just delete the page.)

  1. Sign in to the dashboard of your blog & click on PAGE / Create New
  2. Enter the Title for the page… e.g.,  Calendar
  3. In the editor, click on the HTML tab
  4. Copy the “Imbed Code” from the saved document & paste it into the window
  5. Click on the VISUAL tab & you should see your Google Calendar in the window
  6. Click “Publish” and you are finished.

You should see the page listed when you visit the home page of your site. Click on the Calendar page and it should display.

Tagged , , . Bookmark the permalink.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.