Journey Timeline Block

外掛說明

Journey Timeline Block is a modern, fully customizable block plugin for the WordPress Block Editor. It helps you build vertical timeline sections to highlight key events like business growth, product launches, or personal milestones — all with an intuitive, responsive, and animation-ready UI.

Whether you’re a business owner, freelancer, or agency, you can create professional-looking visual stories using two unique layouts:
Minimal Milestone Timeline: Clean, dotted path with alternating items
Modern Card Timeline: Stylish vertical cards on a solid path

Easily manage your timeline using a simple backend interface with controls for content, styles, responsiveness, and animations. No coding required.

Key Features

🧩 Flexible Content Fields
– Section Heading
– Milestone Title
– Year Label
– Description
– Image or Icon

🎛️ Customizable Settings
– Show/hide each field individually
– Typography control for heading, title, year, description
– Font size units: px, em, rem, vw
– Custom width, margin, and padding per breakpoint
– Media controls for image sizing
– Add custom CSS classes per block

🖼️ Pre-Built Layouts
Minimal Milestone Timeline – Lightweight, alternating layout with dotted line
Modern Card Timeline – Bold, centralized layout with colored cards and shadows

📱 Responsive Design
– Controls for desktop, tablet, and mobile
– Per-device spacing and font sizes
– Built with performance in mind

Smooth Animations
– Built-in Motion One animation support
– AOS (Animate on Scroll) integration for reveal effects

🧠 User-Friendly Editing
– Organized tabbed interface (General, Style, Advanced)
– Add or remove timeline items with ease
– Default starter item auto-added on block insert

Credits

Plugin developed and maintained by Aims Infosoft
Website: https://aimsinfosoft.com

Built using:
– WordPress Block Editor
– React
– Motion One
– AOS (Animate on Scroll Library)

License

This plugin is licensed under the GNU General Public License v2.0 or later.

螢幕擷圖

  • Minimal Milestone Timeline Layout
  • Modern Card Timeline Layout
  • General Settings – Toggle Fields
  • Style Settings – Typography Controls
  • Style Settings – Section Setting
  • Style Settings – Item Box Setting
  • Style Settings – Heading Setting
  • Style Settings – Year Setting
  • Style Settings – Title Setting
  • Style Settings – Description Setting
  • Style Settings – Image Setting
  • Advanced Settings – Responsive Spacing

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Our Journey Block

安裝方式

  1. Upload the plugin folder to /wp-content/plugins/ or install via the Plugins screen in WordPress.
  2. Activate the plugin through the “Plugins” screen.
  3. Edit any page or post using the WordPress Block Editor.
  4. Search for “Journey Timeline Block” in the block inserter.
  5. Insert and start customizing your timeline.

常見問題集

Is the timeline block responsive?

Yes. All settings and elements are fully responsive with per-device controls.

Can I use my own styles or CSS?

Yes. You can assign custom CSS classes to each block via the Advanced tab.

Are there animations?

Yes. The plugin includes Motion One and AOS animation options that can be customized per layout.

How many layouts are included?

Two layouts are currently available, with more planned in future updates.

Does it support WordPress themes?

Yes. It works with all major WordPress themes that support the block editor.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Journey Timeline Block〉的開發相關工作。

參與者

將〈Journey Timeline Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

  • Initial release
  • Includes Minimal and Card timeline layouts
  • Full style customization via block settings
  • Responsive typography and layout controls
  • Motion One and AOS scroll animations
  • Default milestone item on block insert