← 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/6goaj2af03gk81gp33rmtd7juk%40group.calendar.google.com/public/basicThis 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/uk__en_gb%40holiday.calendar.google.com/public/basicNotice 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.
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 Events on May 3, 2012
| 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 Events on May 14, 2012
| 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 Events on May 23, 2012
| 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||
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/basicOnly the event link has been set to be displayed in this list. Notice that the link text is customized.
- June 4, 2012
Spring Bank Holiday
Queen's Official Birthday
- June 5, 2012
Elizabeth II Diamond Jubilee