Adding an Event to a Calendar

I wanted to add a widget to a wordpress web article that allowed readers to add the event to their calendars. I found the site called, “AddEvent“. Fabulous. Proving that doing one thing well is all a web service has to do.

This page records how I implemented this, and has an example event and widget.

The implementation comes in two parts, the reference to a script, which I would normally put in the HEAD section and the definition of the event which is HTML and needs to be located where you need the button/widget i.e. within the Post/Page content. I have placed the event definition into a code snip aka a custom field.

Add to Calendar 30/03/2017 07:00 PM 30/03/2017 09:00 PM Europe/London End of the 1st Quarter An unreal event for testing Add Event
Date 30th March 2017 7pm.
Trafalgar Sq., London, UK Nne N/A false DD/MM/YYYY aHNypeIjCzZMhgHEImya26521

When implementing this in wordpress, the javascript reference needs to be located as near but before the </BODY> tag. In my case I needed to edit the footer.php file, which meant copying the footer.php file to the child theme in the case of this wiki and creating a child theme for ello.davelevy.info which uses the minnow theme.

N.B. This widget implementation does not offer a Facebook event since it needs a source and I have not set one up.

Related Posts

  • Disqus This is page contains complex html i.e. javascript, the page must only be edited as […]
  • zbench and photo headers I finally got round to experimenting with a photo banner for the site. This is a […]
  • WordPress update interruptus Error message : Briefly unavailable for scheduled maintenance. Check back in a […]
  • WordPress and robots.txt WordPress has a virtual robots.txt file; best not to muck around with the filesystem. […]
  • zbench, footer.php When written the zbench theme's footer text was Copyright © 2013 wiki.davelevy.info | […]

One thought on “Adding an Event to a Calendar

  1. I originally had a bug caused by locating the script in the HEAD section. The button did not have its icon and no action was taken when the button was pressed in some browsers.

    I moved the script reference to the footer.php file today and it seems to be working well now. I have not yet tested this with Safari. I have amended the article to emphasis the need, when using wordpress to locate the SCRIPT tags at the end of the HTML file.

Leave a Reply

Your email address will not be published. Required fields are marked *