如何给WordPress网站的元素添加动画效果插件
WordPress 的古腾堡(Gutenberg)编辑器默认不直接支持块级动画(如淡入、滑动或缩放效果),但可以通过安装插件轻松实现。这些插件通常在 Gutenberg 的块设置侧边栏中添加动画选项,支持 CSS 或 JavaScript 驱动的动画,且兼容滚动触发(例如,当用户滚动到块时动画启动)。
插件一:Blocks Animation
使用 CSS 添加淡入、翻转、缩放等动画,支持所有 Gutenberg 块。轻量级,无需 JS 库。
- 在 WordPress 后台进入“插件 > 添加新插件”。
- 搜索“Blocks Animation”。
- 安装并激活。

然后当我们再次编辑页面时,选中元素,右边的区块下就多出了一个Animation的选项,你可以在这里设置动画。

插件二 Block Editor Animations
支持入口动画、滚动触发,免费版适用于基本块(如标题、段落),Pro 版扩展更多。
安装方法参考上面的步骤即可。

使用方法也是一样,当我们再次编辑页面元素的时候,在右边有一个Animation的修改选项,可以设置动画的类型和速度等。

其他插件
- Animations for Blocks(也较为推荐)
- Greenshift-这也是一款古腾堡编辑器的扩展,本身也自带动画功能。
这类的插件挺多的,使用方法大差不差,大家可以自己选择。









