內容簡介
總結：Interactions 是一個 WordPress 外掛，讓您能夠在區塊編輯器中直接增加動畫、效果、互動性和功能功能，使您的網站更具活力和互動性。無需編碼技能或複雜工具。
問題與答案：
1. 如何在網站上新增動態效果和互動功能？
- 使用 Interactions 外掛，您可以從 Interactions Library 中選擇預建動畫和特效，或創建自訂效果。
2. Interactions 外掛提供哪些基本互動方式？
- Mouse interactions、Scroll interactions、Form interactions、Page interactions 等基本互動方式。
3. 可以進行哪些基本操作？
- 可以進行動畫操作、樣式操作、顯示操作、導航、媒體控制和效果操作。
4. 如何在 Interactions 中添加自定義效果？
- 使用簡單的觸發器→動作系統，例如：「滾動時→淡入區塊」或「點擊時→播放視頻」。
5. Interactions 外掛的功能包括哪些視覺效果和動畫？
- 包括在 WordPress 區塊中的動畫效果（淡入、滑動、縮放、旋轉、陰影等）、滾動效果、懸停效果和點擊觸發等。
外掛標籤
開發者團隊
② 後台搜尋「Interactions – Create Interactive Experiences in the Block Editor」→ 直接安裝（推薦）
原文外掛簡介
Interactions – WordPress Animations, Interactive Experiences for Gutenberg Blocks
Visit our website to learn more about how Interactions work.
Want to make your website feel alive and interactive? Interactions is the easiest way to add animations, effects, interactivity, and functional features to WordPress — directly inside the block editor. Check our samples page here to see a glimpse of what type of interactions you can create.
You don’t need coding skills or complex tools. With Interactions, you can:
Pick from the Interactions Library – A collection of pre-built animations and effects (like images that move upon scrolling down the page, buttons that glow when hovered, and more). Just click and apply. Learn more
Build your own custom effects – Use a simple Trigger → Action system. Example: “On scroll → Fade in block”, or “On click → Play video”. Learn more
Add functional features – Securely update post data, handle form submissions, display user info, copy text to clipboard, and more without coding. Learn more
Whether you want subtle hover effects, attention-grabbing story-telling animations, playful micro-interactions, or powerful functional features, Interactions makes it possible.
🚀 Features
Create custom interactions easily with a simple Trigger → Action builder. Features include:
Animations & Visual Effects:
Animations for WordPress blocks (fade, slide, zoom, rotate, shadow, etc.)
Scroll effects – reveal content as users scroll down
Hover effects – highlight and animate blocks on hover
Click triggers – run actions when buttons, images, or sections are clicked
Basic Interactions:
Mouse interactions – Click, hover, mouse move, mouse press
Scroll interactions – Enter viewport, element scrolling, page scrolling
Form interactions – Form submitted, input change, keypress
Page interactions – Page load, page create
Basic Actions:
Animation actions – Move, rotate, scale, skew, opacity
Style actions – Background color, background image, text color, CSS rule, toggle class, update attribute
Display actions – Display, visibility, focus
Navigation – Redirect to URL
Media – Toggle video
Effects – Confetti
Core Features:
Reusable Interaction Library – apply popular effects instantly
Custom trigger → action builder – advanced users can design unique effects
Performance optimized – loads only what’s needed for your chosen interactions
Works with any block and any theme
🎯 Perfect For
Designers who want scroll animations without code
Marketers who want attention-grabbing hover effects
Bloggers who want dynamic storytelling with animations
Site builders who want to bring their block designs to life, or create unique micro-interactions
Developers who need functional features like post meta updates and data handling
Anyone building modern interactive websites in WordPress
💎 What’s in Premium?
Check our pricing page to learn more about what’s in Interactions premium.
Advanced Interactions:
Scroll Strength – Measure scroll intensity
Page State – Monitor page state changes
Page Exit – Detect when users try to leave
URL Hash – Respond to URL hash changes
Local Storage – Monitor storage changes
Toggle Attribute/Class – Watch attribute and class changes
HTML Events – Custom HTML and document events
Advanced Actions:
Box Shadow – Dynamic shadow effects
Slide Animations – Smooth slide up/down effects
Content Management – Securely insert sanitized HTML, render shortcodes, copy to clipboard
Data & Post Management – Update post/user meta (with permissions), get post data, local storage
Navigation & UX – Scroll to element, tooltips, popups, confirmation dialogs
Media – Video scrubbing, SVG animations (line draw, morph, motion path)
Advanced Features – Animated counters, advanced automation
Premium Benefits:
40+ Premium Actions – Access to advanced functionality
10+ Premium Interactions – More trigger options
Priority Support – Faster response times
Regular Updates – New features and improvements
Commercial License – Use in client projects
Source Code:
The source code for this plugin is available on GitHub:
https://github.com/gambitph/Interactions
