=== Timeline – Tell Your Story Through Events and Milestones === Contributors: bplugins, abuhayat, prosanta10 Tags: timeline, vertical timeline, horizontal timeline, roadmap, storytelling Tested up to: 7.1 Stable tag: 2.0.3 Requires PHP: 7.4 Requires at least: 6.5 Donate link: https://www.buymeacoffee.com/abuhayat License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Create stunning vertical or horizontal timelines to showcase stories, events, milestones, and memories on any WordPress site – no coding needed. == Description == **Turn your history, roadmap, or event schedule into a beautiful interactive timeline visitors can follow at a glance – no code required.** [**Timeline**](https://bplugins.com/products/b-timeline/) | [**Pricing**](https://bplugins.com/products/b-timeline/pricing) | [**Support**](https://bplugins.com/support/) | [**Live Demo**](https://bplugins.com/products/b-timeline/#demos) ### Why Use Timeline? **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. ### Free Features - **Vertical & Horizontal Layouts:** Switch between vertical and horizontal timelines with a single click. - **Start Index Control:** Choose whether your timeline begins from the left, right, top, or bottom. - **Visible Item Limit (Horizontal):** Select how many items appear at once for better usability. - **HTML Support in Timeline Titles:** Add icons, bold text, or any HTML tags inside your titles. - **Responsive & Mobile Friendly:** Timelines automatically adapt to all screen sizes. - **Shortcode Generator:** Quickly embed a timeline anywhere using a shortcode. - **Lightweight & Fast:** Clean code, optimized performance, and minimal footprint. ### Timeline Pro Features Upgrade to [**Timeline Pro**](https://bplugins.com/products/b-timeline/pricing) for advanced timeline layouts, Gutenberg blocks, themes, animations, and dynamic content. **Pro includes:** - **Powerful Gutenberg Block**: Build and customize timelines visually inside the Block Editor. - **Nine Extra Themes**: Professionally designed templates including dual-orientation themes. - **Classic Editor for Descriptions**: Format descriptions beautifully with rich text support. - **Customizable Icons**: Add icons to timeline items and style them exactly how you want. - **Advanced Styling Options**: Add icons to timeline items and style them exactly how you want. - **Customizable Icons**: Add icons to timeline items and style them exactly how you want. - **Enhanced Layout Controls**: Adjust every detail for a polished, professional timeline. - **Animation**: Add animation to your timeline items. - **Dynamic Post Timeline block**: create timelines dynamically from any custom post type, filtered by taxonomy, terms, and author. - **Accordion Timeline block**: collapsible groups of steps with custom status markers and interactive toggle. - **Company History Timeline block**: interactive year card with clickable year rail and auto-slide navigation. - **new feature blocks**: Career Timeline, Media Story Timeline, Event Schedule, Roadmap Timeline, and Year Navigator. πŸ‘‰ **[Upgrade to PRO](https://bplugins.com/products/b-timeline/pricing)** == 🎯 How to Use Timeline – Quick Start Guide == 1. Install and activate the plugin 2. Go to Timeline Add New 3. Configure your timeline settings 4. Copy the generated shortcode 5. Paste it inside any post, page, or widget That’s it β€” your timeline is live! ### How to Create a Timeline with Gutenberg The Pro version includes a Gutenberg Timeline block. 1. Install and activate **Timeline Pro**. 2. Open a post or page in the WordPress Block Editor. 3. Click the **+** button. 4. Search for **Timeline**. 5. Add the Timeline block. 6. Add your timeline content. 7. Customize the available layout and styling options. 8. Publish or update the page. ### Timeline Use Cases **Company History** Show company milestones, growth, important dates, and achievements. **Project Roadmap** Display product releases, development phases, project milestones, and future plans. **Event Schedule** Present conferences, meetings, workshops, sessions, and event agendas. **Personal Timeline** Create a visual biography, life story, career journey, or personal milestones timeline. **Career Timeline** Show education, employment history, professional achievements, and career progression. **Product Timeline** Display product development, releases, updates, and product evolution. **Educational Timeline** Organize lessons, course chapters, academic milestones, and learning progress. **Portfolio Timeline** Show design processes, development stages, project history, and creative work. == ⭐ Checkout our other WordPress Plugins- == πŸ”₯ **[Html5 Audio Player](https://audioplayerwp.com/)** – Best audio player plugin for WordPress. πŸ”₯ **[Html5 Video Player](https://wpvideoplayer.com/)** – Best video player plugin for WordPress. πŸ”₯ **[PDF Poster](http://pdfposter.com/)** – A fully-featured PDF Viewer Plugin for WordPresss. πŸ”₯ **[StreamCast](https://wordpress.org/plugins/streamcast)** – A fully-featured Radio Player Plugin for WordPresss. πŸ”₯ **[3D Viewer](https://3d-viewer.bplugins.com/)** – Display interactive 3D models on the webs. == Installation == This section describes how to install the plugin and get it working. ### Install from WordPress 1. Go to **Plugins β†’ Add New**. 2. Search for **b timeline**. 3. Click **Install Now**. 4. Click **Activate**. 5. Go to **Timeline β†’ Add New**. 6. Create and publish your timeline. ### Manual Installation 1. Download the Timeline plugin ZIP file. 2. Go to **Plugins β†’ Add New β†’ Upload Plugin**. 3. Upload the plugin ZIP file. 4. Click **Install Now**. 5. Activate the plugin from the **Plugins** screen. == Frequently Asked Questions == = Does it work with any WordPress theme? = Yes, it will work with any standard WordPress theme. = How many times can I reuse a shortcode? = You can use unlimited times as you want. = Does Timeline support Gutenberg? = Yes. Timeline Pro includes a Gutenberg Timeline block for creating and customizing timelines directly in the WordPress Block Editor. = Can I create a timeline from WordPress posts? = Yes. Timeline Pro includes a Dynamic Post Timeline block that can generate timeline content from WordPress post types and filter content by taxonomy, terms, and author. = Can I add animations to timeline items? = Yes. Timeline Pro includes animation options for timeline items. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/timeline-block-block/) = Where do I report security bugs found in this plugin? = Please report security bugs found in the source code of the Timeline – Create And Display Timeline Contents plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fc6a0-312a-4aca-b776-c4f5432f294d). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. == Screenshots == 1. Timeline ShortCode Menu 2. Timeline Settings 3. Default Timeline 4. Template 1 5. Template 2 6. Template 3 7. Template 4 8. Template 5 9. Template 6 10. Template 7 11. Template 8 12. Template 9 == Changelog == = 2.0.3 - 03 September 2026 = * **Fixed:** Mobile layout no longer depends on JavaScript alone β€” the stacked layout is now defined in CSS at the 600px breakpoint. * **Update:** Add Live Preview in Settings Page * Add New Dynamic Post Timeline block (Pro) β€” create timelines dynamically from any custom post type, filtered by taxonomy, terms, and author (Pro). * Add New Accordion Timeline block (Pro) β€” collapsible groups of steps with custom status markers and interactive toggle (Pro). * Add New Company History Timeline block (Pro) β€” interactive year card with clickable year rail and auto-slide navigation (Pro). * Add New new feature blocks including Career Timeline (Pro), Media Story Timeline (Pro), Event Schedule (Pro), Roadmap Timeline (Pro), and Year Navigator (Pro). = 2.0.2 - 13 April 2026 = * **Update:** Premium Version- Add animation options and two new theme. * **Fixed:** Responsive issue. = 2.0.1 - 24 February 2026 = * **Update:** Redesigned the full settings layout and improved the admin dashboard interface. * **Update:** Optimized files and enhanced overall code readability for better maintainability. = 2.0.0 - 25 January 2026 = * Fixed horizontal timeline issue * Optimized plugin files = 1.1.9 – 15 November 2025 = * Fixed Issues = 1.1.8 – 5 November 2025 = * updated dashboard = 1.1.7 – 21 October 2025 = * Fixed conflict issues and updated demos = 1.1.6 – 16 September 2025 = * Add Modern Dashboard = 1.1.5 – 19 May 2025 = * Fixed Mobile view issue = 1.1.4 – 24 April 2025 = * Fixed textdomain issues and seo issue = 1.1.2 – 24 April 2025 = * Fixed textdomain issues = 1.1.2 – 20 March 2025 = * Fixed Issues = 1.1.1 – 11 March 2025 = * Fixed Issues = 1.1.0 – 8 Feb 2025 = * Upload v1.1.0: upload a premium version with some incredible features. = 1.0.7 – 7 Nov, 2024 = * Feature: option to show timeline only on top/right/bottom/left = 1.0.6 – 3 Aug, 2024 = * Fixed: Bar Background = 1.0.4 – 5 Sep, 2023 = * Add media button to editor = 1.0.3 = * solved horizontal issue = 1.0.2 = * Fixed Visible items issue = 1.0.1 = * Updated Option Field * Fix Border Issues * Fix Mirror Issues = 1.0.0 = * Initial Release == Upgrade Notice == = 2.0.0 - 25 January 2026 = * Improve timeline functionality & perfomance.