Fabio Lobo

janiosarmento

Create a simple – and responsive – timeline with shortcodes!
<pre><code>[timeline]

 [timeline_event title="Your title" subtitle="Your subtitile"]
 Your text here!
 [/timeline_event]

[/timeline]
</code></pre>
Customize colors and text sizes and… done!

Timelinda

Extremely Lightweigth Pure CSS Responsive Vertical Timeline

Miguel Peixe

zachwise

A simple shortcode plugin to add the Timeline made by <a href="http://verite.co/" rel="nofollow ugc">VéritéCo</a>.
Supports custom width and height, <a href="http://maps.stamen.com/#content" title="Check the website for all the possible styles" rel="nofollow ugc">custom map styles by Stamen</a>, <a href="http://timeline.verite.co/#fileformat" title="Learn how to create your data source" rel="nofollow ugc">Google Spreadsheet and JSON data sources</a> and many more.
Checkout how to create your amazing Timeline at http://timeline.verite.co/
To embed your timeline use the button located at the post content editor (TinyMCE).
You can also embed the Timeline on your post using this shortcode : 
 [timeline src=”Your source url here”]
TIP – If you want to embed outside of a post, use the following code:
 
Supported languages
<ul>
<li>English</li>
<li>Brazilian Portuguese</li>
<li>French</li>
<li>Spanish</li>
<li>German – Deutsch</li>
<li>Italian</li>
<li>Korean</li>
<li>Chinese</li>
<li>Taiwanese</li>
</ul>
<h3>Shortcode options</h3>
<pre><code>[timeline width="800" height="600" maptype="watercolor" src="Your source url here"]
</code></pre>
<ul>
<li>src: Data source url, based on <a href="http://timeline.verite.co/#fileformat" title="Learn how to create your data source" rel="nofollow ugc">Verite Timeline File Formats</a>. [required]</li>
<li>width: Custom width (default is 100%)</li>
<li>height: Custom height (default is 650)</li>
<li>maptype: Custom maptype, based on <a href="http://maps.stamen.com/#content" title="Check his website for all the styles" rel="nofollow ugc">Stamen custom map styles</a> and Google Maps default tiles. Possibilities are:
<ul>
<li>Stamen Maps: <code>toner</code>, <code>toner-lines</code>, <code>toner-labels</code>, <code>sterrain</code> and <code>watercolor</code> (default is <code>toner</code>)</li>
<li>Google Maps: <code>ROADMAP</code>, <code>TERRAIN</code>, <code>HYBRID</code>, <code>SATELLITE</code></li>
</ul>
</li>
</ul>

VéritéCo Timeline

Use the incredible HTML5 Timeline developed by VéritéCo on your website. As easy as writing a shortcode.

Timelinda vs VéritéCo Timeline