如何给WordPress网站的元素添加动画效果插件

WordPress 的古腾堡（Gutenberg）编辑器默认不直接支持块级动画（如淡入、滑动或缩放效果），但可以通过安装插件轻松实现。这些插件通常在 Gutenberg 的块设置侧边栏中添加动画选项，支持 CSS 或 JavaScript 驱动的动画，且兼容滚动触发（例如，当用户滚动到块时动画启动）。

使用 CSS 添加淡入、翻转、缩放等动画，支持所有 Gutenberg 块。轻量级，无需 JS 库。

1. 在 WordPress 后台进入“插件 > 添加新插件”。
2. 搜索“Blocks Animation”。
3. 安装并激活。

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

支持入口动画、滚动触发，免费版适用于基本块（如标题、段落），Pro 版扩展更多。

安装方法参考上面的步骤即可。

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

• Animations for Blocks（也较为推荐）
• Greenshift-这也是一款古腾堡编辑器的扩展，本身也自带动画功能。

这类的插件挺多的，使用方法大差不差，大家可以自己选择。