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

CoolHappy

Cool Plugins

<h3>Timeline Block for Gutenberg/Block Editor</h3>
<iframe loading="lazy" title="Create Stunning Vertical Timeline in WordPress! Easy Step-by-Step Guide" width="750" height="422" src="https://www.youtube.com/embed/WsFekfIL-A8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<a href="https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Timeline Block for Gutenberg</a> is a powerful WordPress timeline slider plugin designed specifically to help you build vertical step-by-step timelines, history/future stories, events, appointments, and many other cool things directly inside the WordPress editor.
Just search ‘Timeline Block‘ from the block editor ‘Add Block‘ section and create a stunning timeline slider.
<a href="https://cooltimeline.com/demo/gutenberg-timeline-block?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_demo" rel="nofollow ugc">View Demos</a> | <a href="https://cooltimeline.com/docs/timeline-block-pro/video-tutorials/free-plugin-video/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=docs&utm_content=video_tutorial" rel="nofollow ugc">Watch Video Tutorials</a>
<h3>Key Features</h3>
<ul>
<li>Vertical Timeline Layout: Display your stories using a vertical timeline. </li>
<li>Multiple Timeline Designs: Choose whether you want to display the timeline on both sides or one side according to your preferences.</li>
<li>Content Alignment: Align your timeline content to the left, right, or center.</li>
<li>Customizable Labels: Add labels like step numbers, dates, tags, or short titles to make your timeline more organized and easy to navigate.</li>
<li>Image & Multimedia Support: Enhance your timeline’s engagement using interactive images that visually tell your story.</li>
<li>Story Icon Support: Add a custom icon to each timeline slider step to give visual context, or, by default, you can choose to display a dot.</li>
<li>Fully Responsive: This plugin is fully responsive, ensuring that your events display perfectly on all screen sizes.</li>
</ul>
<h3>Where can you use Timeline Block?</h3>
<ul>
<li>Represent your company’s story.</li>
<li>Showcase tutorial/process steps in timeline format.</li>
<li>Create a program timeline.</li>
<li>Represent history.</li>
<li>Create events/appointments timeline.</li>
<li>Job stories/achievements timeline.</li>
<li>Personal story timeline.</li>
<li>Product roadmap.</li>
</ul>
<h3>Upgrade To Pro:</h3>
<ul>
<li>Horizontal Layout: Timeline Block Pro offers Horizontal Default Design and Horizontal Simple Design layouts.</li>
<li>Multiple Timelines:Easily create and display multiple timelines on one website, categorized by different layouts.</li>
<li>Video, Images & Slider: Seamlessly integrate images, videos (YouTube), and slideshows into your timelines.</li>
<li>Dot, Icon, Image & Text: Customize icons with options including dot, icon, image, and text for personalized timelines.</li>
</ul>
<a href="https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=upgarde_to_pro" rel="nofollow ugc">Get Pro!</a>
<h3>Check Our Other Timeline Plugins</h3>
<ul>
<li>Cool Timeline: Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. <a href="https://cooltimeline.com/demo/cool-timeline-free/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Widget For Elementor: Showcase your company history, product roadmap, and personal journey in vertical & horizontal layout directly inside Elementor. <a href="https://cooltimeline.com/demo/elementor-timeline-widget/free/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=twea_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Builder: Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. <a href="https://cooltimeline.com/demo/timeline-builder-pro/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbp_view_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Module Pro For Divi: Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. <a href="https://cooltimeline.com/divi/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tmdivi_view_demo" rel="nofollow ugc">View Demo</a></li>
</ul>

Timeline Block For Gutenberg

Great to use,looks fantastic and adapts nicely to all screens.

Looks great straight out of the box


The plugin overwrites your content, to try and force you to buy the premium version? No thanks.


whatever.

Showcase your company history, process steps, milestones, and roadmap inside Gutenberg using the powerful Timeline Block

csstimeline vs Timeline Block For Gutenberg