GUTENBERG TIMELINE BLOCK

HORIZONTAL & VERTICAL TIMELINE, CURVE TIMELINE, HISTORY TIMELINE

GUTENBERG TIMELINE Block Plugin for Gutenberg allows you to create a beautiful vertical & horizontal “Content-Timeline-Block” and default “Post-Timeline-Block” by Ascending or Descending order based on random, title, date, menu-order of default posts or custom posts With Slider. You can use it to showcase important dates and milestones for your company’s history, and display blogs engagingly and practically.

CHECK OUR TIMELINE PLUGINS DEMOS

• Vertical Content-Timeline-Block View Demo
• Horizontal Content-Timeline-Block View Demo
• Vertical Post-Timeline-Block View Demo
• Horizontal Post-Timeline-Block View Demo

Features Of GUTENBERG TIMELINE Blocks

GUTENBERG TIMELINE Block Plugin for Gutenberg allows you to create beautiful vertical & horizontal “Content-Timeline-Block” and “Timeline-Block”.

GUTENBERG TIMELINE Block Plugin for Gutenberg is a Gutenberg add-on with many additional options for Post-Timeline, Page-Timeline and Content-Timeline to provide the vertical & horizontal timeline Layout.

It is a standalone Gutenberg solution to give wow design possibilities for your blog posts, custom posts, pages and content with a clean design and fully responsive layout.

Users can show their stories, events, appointments, concerts, future, and history by using Gutenberg-Timeline Blocks on your website.

Users can easily create a timeline in real-time using Gutenberg blocks and settings.

Users can create a compact timeline, it means a timeline without a lot of space between stories or items.

It’s developer friendly and also you can easily customize timeline stories by using default query.

Users are able to animate blocks by choosing animation type.

Curve Timeline Block

• Timeline Customization

  • Create center curve timelines.
    • Animation
      • Allow animation to blocks and choose animation according to your preferences.

• Content Customization

  • Add custom images, title, description, and date to each timeline block.
  • Choose from a range of Font Awesome icons to enhance your stories.
  • Change Date position before and after title.

• Visual Customization

  • Customize story background color and block connectors.
  • Select a background color for the icons.
  • Utilize typography options to personalize title, description, date, and icons.

• Layout and Display Options

  • Enjoy a responsive layout on all devices and screens, including desktop, tablet, and mobile.

Horizontal Timeline Block

• Timeline Customization

  • Create one-sided or both-sided horizontal timelines.
  • Easily adjust the arrow position based on your preferred layout.
  • Easily adjust the slider arrow and dots and slider setting according to your layout.
  • Animation
    • Allow animation to blocks and choose animation according to your preferences.

• Content Management

  • Remove block from the timeline by clicking the close icon.
  • Choose from a range of Font Awesome icons to enhance your stories.

• Visual Customization

  • Customize story background color and block connectors.
  • Select a background color for the icons.
  • Utilize typography options to personalize title, description, date, and icons

• Layout and Display Options

  • Show/hide arrows, dots, and customize their appearance for horizontal layout
  • Enjoy a responsive layout on all devices and screens, including desktop, tablet, and mobile.

Vertical/Content Timeline Block

• Timeline Customization

  • Easily change the arrow position with different layout options.
  • Easily change alignment of blocks.
  • Manage Timeline Items
    • Remove items or stories by clicking on the close icon.
    • Reorder items or stories with the sorting order icon and drag & drop functionality.
  • Animation
    • Allow animation to blocks and choose animation according to your preferences.

• Content Customization

  • Add custom images, title, description, and date to each timeline block.
  • Choose from a range of Font Awesome icons to enhance your stories.

• Visual Customization

  • Customize story background color and block connectors.
  • Select a background color for the icons.
  • Utilize typography options to personalize title, description, date, and icons.

• Layout and Display Options

  • Enjoy a responsive layout on all devices and screens, including desktop, tablet, and mobile.

Post Timeline Block

• Timeline Customization

  • Create one-sided or both-sided vertical and horizontal timelines.
  • Easily adjust the arrow position based on your preferred layout.
  • Switch between vertical and horizontal orientations seamlessly.
  • Animation
    • Allow animation to blocks and choose animation according to your preferences.

• Content Management

  • Remove posts from the timeline by clicking the close icon.
  • Reorder posts by dragging and dropping them using the sorting order icon.
  • Choose the order of posts by random, title, date, or menu-order.

• Post Display

  • Add a read-more button to provide users with a full post-view option.
  • Set bottom spacing for title, excerpt, and author details.

• Post Customization

  • Show/hide excerpts, author information, featured images, and read-more buttons.
  • Customize appearance and layout according to your preferences.

WHERE CAN YOU USE THE GUTENBERG TIMELINE PLUGIN?

You can show history/future stories, events, appointments, and many other cool things using our JNext Timeline plugin. Here are all areas where you can use this plugin:-

• Creating a historical timeline to showcase a company’s history.
• Presenting tutorial or process steps in a timeline format.
• Illustrating a program’s timeline.
• Using a timeline as a visually effective way to depict historical events.
• Building a timeline to highlight job stories or accomplishments.
• Representing a personal story through a timeline.
• Detailing work experience through a timeline format.
• Providing a step-by-step guide using a timeline.
• Creating an events timeline.
• Telling a brand’s story through a timeline format.

We have tried our best to create an awesome timeline plugin but still, if you face any installation, coding, or design error, you can contact us anytime.

Installation Via WordPress Admin Area

1. Log into your wordpress admin area.
2. Go to Dashboard » Plugin.
3. Click on Add New Plugin button at top.
4. Search for “Gutenberg Timeline Block”.
5. Now click on the “Install Now” button of the “Gutenberg Timeline Blocks” plugin.
6. Click on Activate once the plugin is installed.

Installation Using FTP

1. Download the ‘Gutenberg-timeline-blocks.zip’ file.
2. Extract Zip file.
3. Using your FTP program, upload the non-zipped plugin folder into the “/wp-content/plugins/” folder.
4. Activate the plugin through the ‘Plugins’ menu in WordPress.