Timeline Full Widget

描述

Timeline Full Widget is a lightweight and flexible WordPress timeline plugin that allows you to create timelines using both Elementor and Gutenberg.

The plugin provides a consistent editing experience across builders and gives you full control over layout, styling, and content without unnecessary complexity.

Key advantages:

  • Works with Elementor and Gutenberg
  • Clean and simple editing experience
  • Customizable styles (colors, typography, spacing)
  • Support for images and video
  • Responsive layout
  • Reusable styles between timeline items

You can use it for:

  • Project timelines
  • Roadmaps
  • Company history
  • Event timelines
  • Milestones

屏幕截图

  • Timeline widget in Elementor.
  • Timeline block in Gutenberg.
  • Timeline block in Gutenberg.
  • Horizontal and vertical content layouts

区块

该插件提供了 1 个区块.

  • Timeline Full Widget A versatile Timeline block — add beautiful Timelines anywhere in Gutenberg.

安装

  1. Upload the plugin files to the /wp-content/plugins/timeline-full-widget directory, or install it through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Use the Elementor editor or Gutenberg editor.

常见问题

Does it work with the latest Elementor?

Yes, tested with Elementor 4.0.3 and WordPress 6.9.

Does it support Gutenberg (block editor)?

Yes, the plugin includes a native Gutenberg block. Type “/timeline”

Can I change the marker on the timeline items?

Yes, you can. Use the “Edit marker” button. In “Marker Settings” you need choose “Unique Marker” option, after that you would be able to set a personal marker like a image.

Can I customize timeline item styles?

Yes, you can control colors, typography, spacing, and alignment for each item.

How to apply the same styles to all Timeline items in block component?

Use the “Apply item styles to other items” button. It copies styles from the current item to all other items.

Can I set a unique marker that is wider (width) than 30 px?

Yes, but timeline styles may need adjustment. Example:

@media (min-width: 701px) {
.tl-mark:has(img) {
max-width: 42px !important;
height: 30px;
left: calc(50% + 2px);
}
}

Is it responsive?

Yes, the timeline layout adapts to different screen sizes.

Will it work with my theme?

Yes, it works with most WordPress themes, including block and classic themes.

评价

此插件暂无评价。

贡献者及开发者

「Timeline Full Widget」是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Timeline Full Widget」插件已被翻译至 2 种本地化语言。 感谢所有译者为本插件所做的贡献。

帮助将「Timeline Full Widget」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

2.1.1

  • Bug fixes.

2.1.0

  • Added WordPress Playground support.
  • Added support for horizontal and vertical content layouts.
  • Added an option to reverse media and content order.

2.0.0

  • Bug fixes.
  • Improved Title Typography controls.
  • Added link wrapper support for media elements.
  • Added timeline width style controls.

1.3.0

  • Added a button to copy styles from the current item.
  • Added responsive media queries for the Gutenberg block timeline.
  • Added responsive media queries for the Elementor widget timeline.
  • Added controls for media width inside timeline items.
  • Fixed Content Typography style issues in Elementor.
  • Separated line and marker color styles.

1.2.0

  • Corrected timeline styles in the Gutenberg block.
  • Bug fixes.

1.1.0

  • Bug fixes.
  • Added font-family selection for Title elements in the Gutenberg block.

1.0.1

  • Added sticky text settings for the opposite side of the timeline.
  • Corrected marker animation behavior.

1.0.0

  • Release Date – 25th September 2025.
  • Initial Release.