Google Calendar Events Demo

← Go back to the Google Calendar Events plugin homepage

This page is a demonstration of my plugin, Google Calendar Events. It doesn’t show everything the plugin can do, but it gives an idea of the kind of results you can expect. I found the feeds I have used on GoogleCal.com. The stylesheet used is just the default included with the plugin, but as I said on the main plugin page, you might need to adjust it to fit your theme.

This page has been updated to version 0.7.2 of the plugin.


Widget 1

This is an AJAX enabled calendar grid. You should be able to scroll through the months by clicking the « and » links. It uses a single feed URL:

http://www.google.com/calendar/feeds/uk__en_gb%40holiday.calendar.google.com/public/basic

This tooltip has been set to show all the available information (title, start time, end time and date, location, description and event link), but notice that events that have no description don’t show one.


Widget 2

This is an ordinary calendar grid, no AJAX. It uses the same feed URL as Widget 1 and this URL:

http://www.google.com/calendar/feeds/6goaj2af03gk81gp33rmtd7juk%40group.calendar.google.com/public/basic

Notice that the information displayed in the tooltip is different for events from each feed. This information can be customized separately for each feed in the plugin settings.


Widget 3

This is a widget list, using the same feed URL as Widget 1. This widget is set to display only the next three events.


Page Grid

The AJAX page grid below uses the same feeds as Widget 2, but was created using the following shortcode:

[google-calendar-events id="1, 2" type="ajax" title="Events on"]

Notice the comma separated list of feed IDs and the use of the title attribute, which controls the title shown at the top of the tooltip / list item.

   May  2013 »
SMTWTFS
 1234
567891011
12131415161718
19202122232425
2627
Events on May 27, 2013
28293031 

Page List

This page list was created using the following shortcode:

[google-calendar-events id="3" type="list-grouped" title="" max="3"]

and uses the following feed URL:

http://www.google.com/calendar/feeds/uk__en_gb%40holiday.calendar.google.com/public/basic

Only the event link has been set to be displayed in this list. Notice that the link text is customized.