CodeSipper - Vancouver BC Website Design and Development

Dave Peatling

Menu

Main Navigation

  • home
  • projects
  • about
  • blog
  • contact

It’s time to plug-in your timeline

August 21, 2013.

No Comments

One of the many new plugins I found out about at WordCamp Vancouver during the talk by Kane Jamison was a plugin called TimelineJS. This is a fantastic piece of javascript that you can embed into your posts to create a timeline of events involving, well just about anything.

It can pull in media from different sources and has built in support for platforms such as Twitter, Flickr, Google Maps, YouTube and Vimeo, along with others.

The first thing you need to do is create a Google Spreadsheet using the TimelineJS template. It’s then as simple as dropping a date, text, and links into the appropriate columns. When you’ve finished entering all of the details for your timeline you then go to the file menu and click on the ‘Publish to Web’. When the next window pops up just click ‘Start Publishing’. This will give you the URL to embed in your HTML file or WordPress post editor.

I think it’s pretty cool and a very easy way to create a timeline on your site. You can see below that I’ve given it a go. The one I’ve created here is on the British and Irish Lions rugby tour to Australia. You have the option to custom format the timeline but I’ve just kept mine to the default style. Give it a try and let me know what you think.

RECENT POSTS

  • Hello Mudder . . . .
  • How often should you redesign your site?
  • The Benefits of Responsive Design
  • It’s time to plug-in your timeline
  • WordCamp Vancouver? … magnifico!

ARCHIVES

  • January 2014
  • November 2013
  • October 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013

© 2025 CodeSipper

Back to the Top

Bottom Navigation

  • home
  • projects
  • about
  • blog
  • contact