前言介紹
- 這款 WordPress 外掛「Frontis Interactions – Block Animations with scroll, hover & click interactions」是 2026-01-15 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2026-01-16，距離現在已有 41 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
motion | animation | gutenberg | interactions | scroll animation |
內容簡介
總結文案：
讓您的網站活著感知 — 使用基於互動的動畫。
問題與答案：
1. Frontis Interactions 主要是用來做什麼？
- 它設計用來在區塊編輯器中直接創建 WordPress 動畫效果，讓您的網站不再呈現靜態狀態。
2. Frontis Interactions 與其他動畫外掛有何不同？
- Frontis Interactions 主要以透過簡單的 Gutenberg 介面與觸發器（如點擊/懸停/滾動）來建構動畫，並控制準確的時間軸，讓複雜的動畫設置更容易。
3. Frontis Interactions 的特色包括哪些？
- 從介面中設計互動效果
- 基於點擊、懸停、滾動等觸發動作
- 為元素添加動畫，更新內容或修改樣式
- 可設定多個動作並控制準確時間軸
- 與 Frontis Theme 和 Frontis Blocks 一起工作，確保一致性和效能
4. Frontis Interactions 提供了哪些卷軸和頁面移動功能？
- ScrollTrigger：當網頁滾動時啟動動畫
- Smooth Scrolling：營造更流暢的網頁移動感覺
- Horizontal Scrolling：可以橫向滾動各個區塊
- Sticky Elements：保持關鍵區塊固定在其中。
原文外掛簡介
MAKE YOUR WEBSITE FEEL ALIVE — WITH INTERACTION-BASED ANIMATIONS.
Your page looks good. But they feel… still the same. No motion. No response. No “wow.”
Frontis Interactions fixes that. It’s built to help you create WordPress animation effects directly in the Block Editor using an animation builder, so your blocks don’t stay static. You can build block animations that react when visitors scroll, hover, click, and drag so your site feels alive with animated blocks, not static sections.
Frontis is building Interactions as part of one ecosystem (Theme + Blocks + Interactions), so you don’t have to juggle many plugins just to add motion to your site.
The problem (you’ve seen it)
Should you install 5 different animation plugins? Paste random code snippets from tutorials? Fight with timings until midnight?
Most “WordPress animation” setups turn into a messy mix of scripts, settings, and guessing. Frontis Interactions is built to give you a cleaner way to build motion, inside your block workflow (Frontis describes Interactions as a simple Gutenberg-based interface with triggers like click/hover/scroll, timed sequences, and style changes).
What makes it different?
Frontis Interactions is designed around a simple idea:
This animation builder follows a simple flow: Pick a trigger → choose what happens → control timing → publish.
According to Frontis’ own product messaging, the goal is to:
* Design interactions using a simple interface inside Gutenberg
* Set actions based on clicks, hovers, scrolls, and more
* Animate elements, update content, or change styles
* Sequence multiple actions with exact timing for more complex animations
* Work smoothly with Frontis Theme and Frontis Blocks for consistency and performance
Features at a Glance
Scroll & Page Movement
* ScrollTrigger – start animations when the page scrolls
* Smooth Scrolling — fresher page movement feel
* Horizontal Scrolling — scroll sideways sections
* Sticky Elements — keep key blocks pinned while scrolling
* Scroll To Animation — animated jump to a section
* Scroll Smoother — more controlled smooth scrolling
* Parallax Effects — depth effect while scrolling
Animation Builder, Timing & Control
* Timeline-Based Animation — multi-step animations with exact timing
* Stagger Animation — animate items one-by-one (cards, list items, icons)
* Advanced Easing Functions — control how motion starts/stops
Text & Visual Effects
* Split Text Animation — animate words/letters for headings
* Text Scramble Animation — “hacker-style” text reveal effect
* Clip Path Animation — animated mask/reveal effects
* Flip Animation — flip-style transitions
Interactions
* Draggable Elements — drag-based motion and interactions
Coming Soon
* Preset Animation (Coming Soon) — ready-made animation presets.
Why you’ll use Frontis Interactions
Frontis Interactions is made for people who want:
* Animated blocks that look clean and modern
* Scroll-based storytelling sections (hero → features → CTA)
* Sticky + scroll animations for better page flow
* Text effects that feel premium (split text, scramble, clip path)
* Interactive UI moments (drag elements, flip effects)
If you’re building landing pages, portfolios, product pages, or service sites, this is exactly the type of WordPress animation plugin workflow you’ll want.
Built for clear results
Here are examples of what users can build using these features:
* ScrollTrigger + Timeline → sections that animate step-by-step while scrolling
* Sticky Elements + Scroll To → sticky CTA + smooth jump to pricing/contact
* Split Text + Advanced Easing → premium hero heading entrance animation
* Parallax + Smooth Scrolling → depth effect for images and backgrounds
* Draggable Elements → interactive UI blocks (before/after feel, playful elements)
This is how you get block animation that looks intentional—not random.
Works great with Gutenberg (and Frontis ecosystem)
Frontis describes Interactions as working inside the Gutenberg workflow and alongside Frontis Theme + Blocks. That means you can build pages with blocks, then add motion on top—without switching builders.
Documentation
Start with the Frontis Blocks documentation for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the Gutenberg editor.
Docs
Support
Need help after checking the docs? Send us a message via Frontis Support. Share your WordPress version, theme, and steps to reproduce—we’ll reply fast.
Support
Say Hello, Get Help — Connect with the Frontis Team
We’re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about Frontis or your setup? DM us — we’ll jump in.
Facebook Group: https://www.facebook.com/groups/wpmessiah
Discord: https://discord.gg/wEVmDvRbad
YouTube Tutorials: https://www.youtube.com/@wpmessiahacademy
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Frontis Interactions – Block Animations with scroll, hover & click interactions」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Lottie Player – Add Interactive Lottie Animations with Block Support 》Lottie Player 是 WordPress 的 Gutenberg 區塊編輯器中一個非常有用的區塊外掛程式，其中包含了許多功能，可以幫助您將 LottieFiles 動畫嵌入到 WordPress ...。
Horizontal motion gallery 》這是一個靈活的相片庫，使用者透過將滑鼠放在圖片庫的兩側來指定圖片捲動的方向和速度。, 官方網站內有現場示範：http://www.gopiplus.com/work/2010/07/18/h...。
ACTUS Motion 》讓你的網頁元素動起來。, , 在你的頁面上建立時間軸，為任何元素設定動畫。, ACTUS Motion 是一個獨特的外掛，讓你的網頁元素活躍起來。專業的時間軸讓你精緻...。
TZM Block Scroll Animations 》總結：TZM區塊滾動動畫外掛可讓您透過乾淨且表現力十足的滾動驅動效果，讓區塊活靈活現。在古騰堡編輯器中只需幾秒鐘，即可直接為屬性如位置、比例、旋轉、不...。