← 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/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/6goaj2af03gk81gp33rmtd7juk%40group.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 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 Events on May 27, 2013
| 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.
- May 27, 2013
Spring Bank Holiday
- June 3, 2013
Queen's Official Birthday
- June 16, 2013
Father's Day