poetaster

<h4>EN:</h4>
A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.
This plugin provides 4 shortcodes:
<ul>
<li>[ctimeline] – a wrapper for the entire timeline</li>
<li>[ctentry] – a date label with an entry and option content</li>
<li>[ctspace] – a simple spacer</li>
<li>[ctdate] – not implemented yet.</li>
</ul>
Take a look at the screenshots to see what rendering looks like. CSS3 
transitions and html supply minimal animations. Most markup can be used within 
the shortcodes to achieve formatting and, for instance, embed images. The 
following example demonstrates,
<ul>
<li>‘fake’ super/sub sections, not using the ‘date’ param of ctentry </li>
<li>embed a picture</li>
<li>format a label</li>
</ul>
[ctimeline]
[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]
[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[ctspace][/ctspace]
[ctspace][/ctspace]
[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]
[ctentry date=”12 May 2016″ label=”12th cool”] 
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. 
[/ctentry]
[ctentry date=”13 May 2016″ label=”13th cool”] 
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[/ctimeline]

csstimeline

Abu Hayat

bPlugins

shehabulislam

srabonr

Tanin Rahman

Prosanta Roy

taninrahman21

The Most User-Friendly Timeline Plugin for WordPress – Loved by Thousands.
Timeline makes it effortless to create responsive, customizable, and interactive timelines that fit perfectly inside posts, pages, and widgets. 
Whether you’re displaying a personal journey, company history, project milestones, or event schedules — Timeline gives you complete visual storytelling freedom.
The plugin offers vertical and horizontal layouts, supports start alignment, custom HTML titles, and includes a powerful shortcode generator for quick embedding.
Choose the layout you like, add timeline items, customize the visuals — and publish. No hassle. No technical knowledge required.
<a href="https://bplugins.com/products/b-timeline/" rel="nofollow ugc">Timeline</a> | <a href="https://bplugins.com/products/b-timeline/pricing" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/b-timeline/#demos" rel="nofollow ugc">Demo</a>
<h3>Key Features</h3>
<ul>
<li>Vertical & Horizontal Layouts: Easily switch between vertical and horizontal timelines with a single click.</li>
<li>Start Index Control: Choose whether your timeline begins from the left, right, top, or bottom.</li>
<li>Visible Item Limit (Horizontal): Select how many items should appear at once for better usability.</li>
<li>HTML Support in Timeline Titles: Add icons, bold text, or any HTML tags inside your titles.</li>
<li>Responsive & Mobile Friendly: Timelines automatically adapt to all screen sizes..</li>
<li>Shortcode Generator: Quickly embed a timeline anywhere using shortcode.</li>
<li>Lightweight & Fast: Clean code, optimized performance, and minimal footprint.</li>
</ul>
<h3>Pro Features</h3>
Upgrade to Timeline Pro and access advanced customization, premium themes, and interactive editing options.
What’s Included in the Pro Version?
<ul>
<li>Powerful Gutenberg Block: Build and customize timelines visually inside the Block Editor.</li>
<li>Nine Extra Themes: Professionally designed templates including dual-orientation themes.</li>
<li>Classic Editor for Descriptions: Format descriptions beautifully with rich text support.</li>
<li>Customizable Icons: Add icons to timeline items and style them exactly how you want.</li>
<li>Advanced Styling Options: Add icons to timeline items and style them exactly how you want.</li>
<li>Customizable Icons: Add icons to timeline items and style them exactly how you want.</li>
<li>Enhanced Layout Controls: Adjust every detail for a polished, professional timeline.</li>
<li>Animation: Add animation to your timeline items.</li>
<li>Enhanced Customization Options: Fine-tune every aspect of your timeline for ultimate design control.</li>
</ul>
👉 <a href="https://bplugins.com/products/b-timeline/pricing" rel="nofollow ugc">Upgrade to PRO</a>
<h3>🎯 How to Use Timeline – Quick Start Guide</h3>
<ol>
<li>Install and activate the plugin</li>
<li>Go to → Timeline → Add New</li>
<li>Configure your timeline settings</li>
<li>Copy the generated shortcode</li>
<li>Paste it inside any post, page, or widget</li>
</ol>
That’s it — your timeline is live!
<h3>Use Cases</h3>
Personal milestones & life stories
<ul>
<li>Company history timeline</li>
<li>Event & conference schedules</li>
<li>Project roadmap</li>
<li>Product evolution</li>
<li>Educational course chapters</li>
<li>Portfolio storytelling</li>
</ul>
<h3>⭐ Checkout our other WordPress Plugins-</h3>
🔥 <a href="https://audioplayerwp.com/" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress.
🔥 <a href="https://wpvideoplayer.com/" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.
🔥 <a href="http://pdfposter.com/" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPresss.
🔥 <a href="https://wordpress.org/plugins/streamcast" rel="ugc">StreamCast</a> – A fully-featured Radio Player Plugin for WordPresss.
🔥 <a href="https://3d-viewer.bplugins.com/" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the webs.

Timeline – Vertical and Horizontal Timeline Layouts

Create stunning vertical or horizontal timelines to showcase stories, events, milestones, and memories on any WordPress site — no coding needed.

csstimeline vs Timeline – Vertical and Horizontal Timeline Layouts