=== Timeline Block For Gutenberg ===
Contributors:coolplugins,narinder-singh
Donate link:https://paypal.me/CoolPlugins/10USD/
Requires at least: 5.0
Tags: timeline, history, roadmap, company history, Gutenberg
Tested up to:6.9
Requires PHP: 7.2
Stable tag:1.7.8
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Showcase your company history, process steps, milestones, and roadmap inside Gutenberg using the powerful Timeline Block

== Description ==
### Timeline Block for Gutenberg/Block Editor

https://youtu.be/WsFekfIL-A8

**[Timeline Block for Gutenberg](https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description)** 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.

**[View Demos](https://cooltimeline.com/demo/gutenberg-timeline-block?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_demo)** | **[Watch Video Tutorials](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)**

### Key Features

* **Vertical Timeline Layout:** Display your stories using a vertical timeline. 
* **Multiple Timeline Designs:** Choose whether you want to display the timeline on both sides or one side according to your preferences.
* **Content Alignment:** Align your timeline content to the left, right, or center.
* **Customizable Labels:** Add labels like step numbers, dates, tags, or short titles to make your timeline more organized and easy to navigate.
* **Image & Multimedia Support:** Enhance your timeline’s engagement using interactive images that visually tell your story.
* **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.
* **Fully Responsive:** This plugin is fully responsive, ensuring that your events display perfectly on all screen sizes.

### Where can you use Timeline Block?
* Represent your company's story.
* Showcase tutorial/process steps in timeline format.
* Create a program timeline.
* Represent history.
* Create events/appointments timeline.
* Job stories/achievements timeline.
* Personal story timeline.
* Product roadmap.

### Upgrade To Pro:
* **Horizontal Layout:** Timeline Block Pro offers Horizontal Default Design and Horizontal Simple Design layouts.
* **Multiple Timelines:**Easily create and display multiple timelines on one website, categorized by different layouts.
* **Video, Images & Slider:** Seamlessly integrate images, videos (YouTube), and slideshows into your timelines.
* **Dot, Icon, Image & Text:** Customize icons with options including dot, icon, image, and text for personalized timelines.

**[Get Pro!](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)**

### Check Our Other Timeline Plugins
* **Cool Timeline:** Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. **[View Demo](https://cooltimeline.com/demo/cool-timeline-free/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo)**
* **Timeline Widget For Elementor:** Showcase your company history, product roadmap, and personal journey in vertical & horizontal layout directly inside Elementor. **[View Demo](https://cooltimeline.com/demo/elementor-timeline-widget/free/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=twea_free_demo)**
* **Timeline Builder:** Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. **[View Demo](https://cooltimeline.com/demo/timeline-builder-pro/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbp_view_demo)**
* **Timeline Module Pro For Divi:** Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. **[View Demo](https://cooltimeline.com/divi/?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tmdivi_view_demo)**

== Screenshots ==
1. Gutenberg Timeline Block Preview
2. Gutenberg Timeline Edit Story settings
3. Gutenberg Timeline Block Settings

== Installation ==

* From the WordPress dashboard, navigate to **Plugins > Add New**.
* Search for **"Timeline Block"**. Install & activate the plugin.
* Search and add the "Timeline" to your page.
* Create a timeline story by adding a timeline block to your page.
* Use the settings to customize your timeline’s style, colors, animations, and more.
* Once your timeline is ready, publish it on your site to share your story with your visitors.

== Frequently Asked Questions ==

=How do I add a Timeline Block in the Gutenberg editor?=
You can add a Timeline by searching for 'Timeline Block' in the 'Add Block' section of the Gutenberg editor.

=Can I add videos to my timeline?=
Yes, with Timeline Block Pro, you can integrate videos (including YouTube), images, and slideshows into your timelines.

=Is it possible to create multiple timelines on a single website?=
Yes, Timeline Block Pro allows you to create and display multiple timelines on one website, categorized by different layouts.

=How can I improve the visual presentation of my timeline?=
You can enhance the visual appeal of your timeline by using the various customization options available in Timeline Block Pro, such as:

* Choosing from over 15 animation effects.
* Adding a center line filling effect to vertical layouts.
* Adjusting the placement of icons, arrows, and labels.
* Customizing connector styles between stories (Arrow, Line, or None).

=How do I make my timeline more interactive?=
You can make your timeline more interactive by enabling scrolling navigation for quick access to specific year stories and including “read more” links within timeline stories to provide additional content or direct users to custom URLs.

=Can I customize the appearance of icons in my timeline?=
Yes, with Timeline Block Pro, you can customize the icons in your timeline with options including dot, icon, and image.

=Can I use the Timeline Block on non-Gutenberg websites or with other page builders?=
No, the Timeline Block is specifically designed for the Gutenberg editor. However, Cool Plugins offers other timeline plugins compatible with page builders like Elementor.

= Can I create a horizontal timeline slider in Gutenberg? =
Yes, with Timeline Block Pro, you can build both vertical and horizontal timeline sliders directly inside the WordPress block editor.

=Is this plugin translation-ready?=
Yes, the plugin is fully translation-ready. You can use translation tools like Loco Translate to translate it into your desired language.

=Does the plugin support RTL (Right-to-Left) languages?=
Yes, the Timeline Block is compatible with RTL languages and adjusts layouts accordingly for better usability.

=Can I add custom styles to the timeline?=
Yes, you can use the block settings to customize colors, typography, and layouts. For advanced styling, custom CSS can be added through the WordPress Customizer or a child theme.

=Can I display dynamic content in the timeline?=
Currently, the plugin does not support dynamic content directly. However, you can manually add custom stories or events.

=Can I schedule timeline updates for future dates?=
Currently, the plugin does not support scheduling timeline updates. You will need to manually update or publish new stories when needed.

=How do I handle conflicts with other plugins?=
If you encounter a conflict, try deactivating other plugins to identify the issue. Ensure all plugins and WordPress are updated to the latest versions. If the issue persists, contact support.

=Can I change the timeline's default font family?=
Yes, you can customize fonts through the block settings or by adding custom CSS.

=Can I create a timeline for multiple categories or topics?=
Yes, you can create separate timelines for different categories or topics and display them on various pages using Gutenberg blocks.

=How do I get priority support for the plugin?=
Priority support is included with the Pro version. After purchasing, you can submit tickets through the official Cool Plugins support portal.

=How can I report security bugs?=
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage, and handle any security vulnerabilities. [Report a security vulnerability](https://patchstack.com/database/vdp/timeline-block).

== Changelog ==

Upgrade to Version 1.7.7 to enjoy these new features, enhancements, and bug fixes. Your feedback is invaluable as we continue to refine and improve our plugins.

= Version 1.7.8 | 07 Jan 2026 =
- **Updated:** Default story image links in timeline block.

= Version 1.7.7 | 27 Nov 2025 =
- **Fixed:** Deactivation Feedback conflict with other timeline plugins.
- **Removed:** Instant timeline plugin (Before updating to this version, you need to migrate your instant timeline block into Timeline Block).
- **Improved:** Deactivation Feedback styling.

= Version 1.7.6 | 21 Nov 2025 =
- **Fixed:** Timeline Block style not loading issue.

= Version 1.7.5 | 18 Nov 2025 =
- **Improved:** Styling for media block Button.
- **Improved:**  Textual changes.

= Version 1.7.4 | 25 Sep 2025 =
- **Improved:** Improved the deactivation popup.

= Version 1.7.3 | 26 Aug 2025 =
- **Fixed:** Addressed security vulnerabilities.

= Version 1.7.2 | 02 May 2025 =
- **Tested:** Tested Upto WordPress 6.8.1

= Version 1.7.1 | 27 Jan 2025 =
- **Fixed:** Javascript edtior side error

= Version 1.7.0 | 18 Dec 2024 =
- **Added:**
 * Support for List & Button blocks in timeline description.
 * Function load_plugin_textdomain() for translations.
  * Option to change or remove element positions (e.g., media after description or title).
- **Fixed:** Deprecated JavaScript component error in the block editor.
- **Improved:** Update Icon Library to prevent JavaScript errors.
- **Tested:** Tested Upto WordPress 6.7.1

= Version 1.6.2 | 25 Apr 2024 =
- **Fixed:** Fixed fatal error that arises when Cool Timeline Free is already activated.

= Version 1.6.1 | 24 Apr 2024 =
- **Added:**
  * Integrated a share feedback popup upon plugin deactivation.
Improved:
   * Update the View Demos & Watch Videos link in the settings panel.
   * Update readme file content.

= Version 1.6 | 11 Dec 2023 =
- **New Features:**
    * Added WordPress default Image, Heading, and Paragraph core blocks for more features.
    * Added migration option in instant timeline builder to migrate into Timeline Block.
    * Added migration option in Timeline Block to migrate into Cool Timeline Block.
- **Improved:** Cool Timeline Block static CSS replaced with variable-based CSS.
- **Removed:** Remove Heading, Image, and Paragraph settings from Cool Timeline Block.

= Version 1.5.2 | 17 Oct 2023 =
- **Bug Fixes:** Fixed Minor security update.

= Version 1.5 | 24 Aug 2023 =
- **New Features:**
   * Introducing the "Add New Story" button within the Story toolbar, allowing you to seamlessly add new stories at any position you prefer.
Enhancements:
   * Conveniently access the settings panel with the newly added Timeline Settings button, now available within each nested block.
- **Bug Fixes:**
    * Resolved conditional loading of styles and assets, ensuring optimal performance and loading only when necessary.
    * Eliminated duplicate loading of the style.css file for a cleaner and more efficient codebase.
    * Rectified the Font Family issue, ensuring the consistent and accurate rendering of fonts throughout the application.
- **Compatibility:** Successfully tested with WordPress 6.3 to ensure a smooth user experience.

= Version 1.4 | 05 Apr 2023 =
- **Added:**
    * New settings for Heading Tag
    * New Font Icon library. Special Thanks to @drzraf for contributions.
- **Fixed:**
    * Icon && center line position issue
    * ALT Tag issue in image
- **Removed:** Font icon library
- **Tested:** Tested Upto WordPress 6.2

= Version 1.3.3 | 23 Jan 2023 =
- **Fixed:** styles not loading on frontend issue

= Version 1.3.2 | 18 Jan 2023 =
- **Added:** Active controller reset button when style is applied.
- **Fixed:**
      * Timeline disappeared on the frontend side
      * Icon position issue.
      * Minor CSS issue.

= Version 1.3.1 | 09 Jan 2023 =
- **Added:** responsive device CSS.
- **Fixed:** 
       * Responsive device style issue.
       * The Attempt recovery option after clicking on Reset Typography.

= Version 1.3 | 03 Jan 2023 =
- **Added:**
       * Alternating Sided in both side settings
       * Content alignment setting
       * Heading and description bottom spacing setting
       * Item spacing setting
       * Icon box size setting
       * Icon size setting
       * Line size setting
       * Content box padding setting integration
       * Share review option
- **Updated:**
       * Content update
       * The Swiper file removes
- **Improved:** Tested Upto WP 6.1

= Version 1.2.2 | 04 July 2022 =
- **Added:** Added source code.

= Version 1.2.1 | 09 June 2022 =
- **Tested:** Tested Upto WP.6.0

= Version 1.2 | 06 JAN, 2022 =
- **Added:**
      * Integrated New Block with an advanced story ordering functionality.
      * Added image size option, Font Awesome icons, color and typography settings for each element of Cool Timeline Gutenberg Timeline Block
      * Added right-aligned one-sided timeline layout in Gutenberg Timeline Block
      * Story position(left/right) option or both-sided layout of Gutenberg Timeline Block
- **Tested:** Tested upto 5.8.2

= Version 1.1 | 30 June 2021 =
- **Added:** integrated story ordering feature
- **Fixed:** minor bug fixes

= Version 1.0 | 18 AUG, 2020 =
- **Initial release**

== Upgrade Notice ==
= Version 1.7.7 | 27 Nov 2025 =
- **Removed:** Instant timeline plugin (Before updating to this version, you need to migrate your instant timeline block into Timeline Block click [here](https://cooltimeline.com/timeline-block-migration//?utm_source=tbg_plugin&utm_medium=readme&utm_campaign=docs&utm_content=video_tutorial) to migrate process).
= Version 1.5 | 24 Aug 2023 =
- **New Features:**
   * Introducing the "Add New Story" button within the Story toolbar, allowing you to seamlessly add new stories at any position you prefer.
Enhancements:
   * Conveniently access the settings panel with the newly added Timeline Settings button, now available within each nested block.
- **Bug Fixes:**
    * Resolved conditional loading of styles and assets, ensuring optimal performance and loading only when necessary.
    * Eliminated duplicate loading of the style.css file for a cleaner and more efficient codebase.
    * Rectified the Font Family issue, ensuring the consistent and accurate rendering of fonts throughout the application.
- **Compatibility:** Successfully tested with WordPress 6.3 to ensure a smooth user experience.