Title: Typing Animation Block
Author: middlewayapproach
Published: <strong>2019 年 11 月 18 日</strong>
Last modified: 2021 年 5 月 18 日

---

搜索插件

![](https://ps.w.org/typing-animation-block/assets/banner-772x250.png?rev=2211479)

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

![](https://ps.w.org/typing-animation-block/assets/icon.svg?rev=2211479)

# Typing Animation Block

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

[下载](https://downloads.wordpress.org/plugin/typing-animation-block.zip)

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

 [支持](https://wordpress.org/support/plugin/typing-animation-block/)

## 描述

You can use the block inside the Gutenberg editor as you would use a headline block.
You can find it in the common section. You can change the text that appears in the
animation in the editor (Number 1 in the screenshot). The different sentences are
separated by a pipe (|). You can format the text by using `<i>...</i>` for italic
or `<b>...</b>` for bold text. To change the underlying element that is used in 
the html of the page (h1 to h6 or span) there is a dropdown menu in the block toolbar(
Number 2 in the screenshot). In the block panel you find different options to customize
the speed, looping and other options of the typing (Number 3 in the screenshot).
The underlying library used is Typed.js. You can find more information in the [repo](https://github.com/mattboldt/typed.js)

Icon made by [freepik](https://www.flaticon.com/de/autoren/freepik) from www.flaticon.
com

## 屏幕截图

[⌊The position of the different parameters as explained in the description.⌉⌊The
position of the different parameters as explained in the description.⌉[

The position of the different parameters as explained in the description.

## 区块

该插件提供了 1 个区块.

 *   Typing Animation Block

## 安装

After you install and activate the plugin you can use it as a block in the Gutenberg
editor. You find it under the common section.

## 评价

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

### 󠀁[Generates fatal errors on Gutenberg editor](https://wordpress.org/support/topic/generates-fatal-errors-on-gutenberg-editor/)󠁿

 [Richard](https://profiles.wordpress.org/richardelovia/) 2022 年 5 月 26 日 1 回复

Can’t use the plugin, it does generate fatal errors in the Gutenberg editor: Fatal
error: Uncaught TypeError: explode(): Argument #2 ($string) must be of type string,
array given

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

### 󠀁[Works great!](https://wordpress.org/support/topic/works-great-6583/)󠁿

 [ensof](https://profiles.wordpress.org/ensof/) 2020 年 3 月 23 日

thank you for this great plugin!

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

### 󠀁[Nice plugin](https://wordpress.org/support/topic/nice-plugin-3419/)󠁿

 [middlewayapproach](https://profiles.wordpress.org/middlewayapproach/) 2019 年 
12 月 16 日

The plugin works very nicely 🙂

 [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/typing-animation-block/reviews/)

## 贡献者及开发者

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

贡献者

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

[帮助将「Typing Animation Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/typing-animation-block)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.2

 * Test with newest WordPress version
 * Fix some issues with 5.7

#### 1.1

 * Test with newest WordPress version
 * update packages

#### 1.0

 * Initial release

## 额外信息

 *  版本 **1.2.0**
 *  最后更新：**5 年前**
 *  活跃安装数量 **200+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **5.7.15**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/typing-animation-block/)
 * 标签
 * [typewriter effect](https://cn.wordpress.org/plugins/tags/typewriter-effect/)
   [typing animation](https://cn.wordpress.org/plugins/tags/typing-animation/)
 *  [高级视图](https://cn.wordpress.org/plugins/typing-animation-block/advanced/)

## 评级

 3.7 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/typing-animation-block/reviews/#new-post)

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

## 贡献者

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

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/typing-animation-block/)

## 捐助

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

 [ 捐助此插件 ](https://github.com/middle-way-approach/gutenberg-typing-animation-block)