Title: Animate Blocks
Author: liip
Published: <strong>2019 年 3 月 21 日</strong>
Last modified: 2019 年 3 月 29 日

---

搜索插件

![](https://ps.w.org/animate-blocks/assets/banner-772x250.png?rev=2054508)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/animate-blocks/assets/icon.svg?rev=2054508)

# Animate Blocks

 作者：[liip](https://profiles.wordpress.org/liip/)

[下载](https://downloads.wordpress.org/plugin/animate-blocks.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/animate-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/animate-blocks/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/animate-blocks/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/animate-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/animate-blocks/)

## 描述

Animate Gutenberg blocks when they scroll into view.

 * Works with all existing Gutenberg blocks
 * Choose from 27 different animations
 * Configure animation with custom delays, offsets and durations
 * Based on [AOS Animate On Scroll Library](http://michalsnik.github.io/aos/)

#### Requirements

 * WordPress >= 5.0
 * PHP >= 5.6

#### Further Information

 * Documentation: [https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md](https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md)
 * WordPress Plugin: [https://wordpress.org/plugins/animate-blocks/](https://wordpress.org/plugins/animate-blocks/)
 * GitHub Repository: [https://github.com/liip/animate-blocks-wordpress-plugin](https://github.com/liip/animate-blocks-wordpress-plugin)
 * Changelog: [https://github.com/liip/animate-blocks-wordpress-plugin/releases](https://github.com/liip/animate-blocks-wordpress-plugin/releases)
 * Issue tracker: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## 屏幕截图

 * [[
 * Animate Blocks in Gutenberg editor

## 区块

该插件提供了 1 个区块.

 *   Animate Block

## 安装

 1. Upload the `animate-blocks` directory into the `/wp-content/plugins/` directory
 2. Activate the plugin through the `Plugins` menu in WordPress
 3. Add `Animate Blocks` block around other block in Gutenberg editor

## 常见问题

  How does it work?

Animate blocks is based on the `InnerBlocks` feature of Gutenberg. It wraps the 
blocks which should be animated. You can add as many blocks inside this wrapper 
block as you want.

  Have you found a bug or do you have a feature request?

Please create a new GitHub issue and let us know: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## 评价

![](https://secure.gravatar.com/avatar/b2630f1635f046600af04302e27abeafd14f91d0e121e157288d6189c02214cf?
s=60&d=retro&r=g)

### 󠀁[Very nice AOS integration – thank you](https://wordpress.org/support/topic/very-nice-aos-integration-thank-you/)󠁿

 [efrap](https://profiles.wordpress.org/efrap/) 2020 年 4 月 16 日

This plugin is quite good. Works fine with WP 5.4. Note that it is currently difficult
to select groups and this new animated block once created in 5.4 (margin problem).
Use up and down arrows to get to them until problem is resolved.

![](https://secure.gravatar.com/avatar/0c491e890a1e4db158269da91260fa0e14aea7987e9508f67048ebb6dc4acbf3?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-6393/)󠁿

 [Unsal Korkmaz](https://profiles.wordpress.org/unsalkorkmaz/) 2019 年 9 月 13 日

Simple. Does the job. Thank you

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/animate-blocks/reviews/)

## 贡献者及开发者

「Animate Blocks」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

[帮助将「Animate Blocks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/animate-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/animate-blocks/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/animate-blocks/)，或通过[RSS](https://plugins.trac.wordpress.org/log/animate-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/animate-blocks/)。

## 更新日志

#### 1.0.1

 * [BUGFIX] Fix rendering of data-attributes when default options are changed.

#### 1.0.0

 * Initial release of this plugin

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**7 年前**
 *  活跃安装数量 **400+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **5.1.22**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/animate-blocks/)
 * 标签
 * [animations](https://cn.wordpress.org/plugins/tags/animations/)[blocks](https://cn.wordpress.org/plugins/tags/blocks/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)
 *  [高级视图](https://cn.wordpress.org/plugins/animate-blocks/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/animate-blocks/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/animate-blocks/reviews/)

## 贡献者

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/animate-blocks/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://liip.ch/)