Fabio Lobo

janiosarmento

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

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

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


Timelinda

Extremely Lightweigth Pure CSS Responsive Vertical Timeline

sysbird

<p>The shortcode displays posts on vertical timeline, and it will read the next page by Infinite scroll.</p>
<ul>
<li><a href="https://birdsite.jp/archives/" rel="nofollow ugc">Demo</a></li>
<li><a href="https://github.com/sysbird/infinite-timeline" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://sysbird.jp/wptips/infinite-timeline/" rel="nofollow ugc">Description in Japanese</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>The shortcode displays posts on vertical timeline.</li>
<li>Automatically it will read the next page by Infinite scroll.</li>
<li>When clicked the post on timeline, browse to single page.</li>
<li>In addition to the post, use the page or custom post type, and can be set category, tag.</li>
<li>It’s compatible with responsive web design.</li>
<li><a href="https://infinite-scroll.com" rel="nofollow ugc">infinite-scroll.pkgd.js</a> the jQuery plugin is licensed under the MIT license.</li>
<li><a href="https://github.com/aFarkas/lazysizes" rel="nofollow ugc">lazysizes.js</a> the javascript library is licensed under the MIT license.</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Please write shortcode [infinite-timeline] in the content.</li>
<li>You can set option.<br />
post_type: post or page or custom post type (default: post)<br />
category_name: category slug (default: none)<br />
tag: tag name (default: none)<br />
posts_per_page: number of posts you want to show on one page (default: Reading Settings at dashboard)<br />
example. [infinite-timeline category_name=”news” posts_per_page=”20″]</li>
</ol>


Infinite Timeline

The shortcode displays posts on vertical timeline by infinite scroll.

Timelinda vs Infinite Timeline