Title: Typing Effect
Author: 93digital
Published: <strong>2015 年 9 月 21 日</strong>
Last modified: 2023 年 10 月 26 日

---

搜索插件

![](https://ps.w.org/animated-typing-effect/assets/banner-772x250.jpg?rev=2636926)

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

![](https://ps.w.org/animated-typing-effect/assets/icon-256x256.jpg?rev=2636926)

# Typing Effect

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

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

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

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

## 描述

**This plugin is no longer be supported from v1.3.6.**

Typing Effect allows you to generate a shortcode that will ‘type out’ words on to
a page or post, in a widget or directly in a theme or template file. The plugin 
is based on the Typed.js typing animation script by Matt Boldt.

Simply add your words or sentences, click ‘Generate Shortcode’ and copy and paste
the shortcode into a page, post or text widget.

You can also configure settings such as how quickly the typing effect takes place,
delays before starting or backspacing, set the animation to loop repeatedly or randomise
the order your words or sentences are typed out and deleted.

To view a demo of the original animation [click here](http://www.mattboldt.com/demos/typed-js/)

## 屏幕截图

[⌊Generate a shortcode screen⌉⌊Generate a shortcode screen⌉[

Generate a shortcode screen

## 安装

 1. Upload the animated-typing-effect folder to the /wp-content/plugins/ directory
 2. Activate the Typing Effect plugin through the ‘Plugins’ menu in WordPress
 3. Generate a shortcode by going to Typing Effect on the main menu

## 常见问题

Can I use HTML in the animation?

Yes, you can enter HTML in the rows before generating a shortcode. You can also 
wrap the shortcode itself in HTML tags.

Can I edit the settings of the animation?

You can change a variety of settings such as the speed that the text is typed out,
a delay before the animation begins, the speed at which the text is backspaced (
deleted) and a delay before the backspacing begins. Ticking the ‘Loop’ box will 
mean the animation continues to repeat over and over. Entering a number in the ‘
Loop count’ box will define how many times it will repeat – e.g. entering ‘3’ would
type out and then backspace the text 3 times.

Can I preview my animation?

Yes, when you click ‘Generate Shortcode’, a preview will automatically be generated.

Demo

To view a demo of the original animation [click here](http://www.mattboldt.com/demos/typed-js/)

## 评价

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

### 󠀁[Works as advertised](https://wordpress.org/support/topic/works-as-advertised-837/)󠁿

 [marbs](https://profiles.wordpress.org/marbs/) 2022 年 9 月 10 日

I am only concerned if this plugin has been abandoned.

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

### 󠀁[Works well](https://wordpress.org/support/topic/words-well-for-me-but/)󠁿

 [tvsan70](https://profiles.wordpress.org/tvsan70/) 2022 年 7 月 15 日

The plugin works well

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

### 󠀁[Super 🙂](https://wordpress.org/support/topic/super-2505/)󠁿

 [lukas22](https://profiles.wordpress.org/lukas22/) 2022 年 3 月 1 日

works well

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

### 󠀁[The hero we didn’t know we needed](https://wordpress.org/support/topic/the-hero-we-didnt-know-we-needed/)󠁿

 [tolgmau](https://profiles.wordpress.org/tolgmau/) 2021 年 8 月 19 日

Thank you for taking the time to develop such an awesome plugin!

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

### 󠀁[Love it!](https://wordpress.org/support/topic/love-it-3561/)󠁿

 [codejar](https://profiles.wordpress.org/codejar/) 2021 年 7 月 27 日

Works great out of the box!

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

### 󠀁[Partially works.](https://wordpress.org/support/topic/partially-works-3/)󠁿

 [dmitriano](https://profiles.wordpress.org/dmitriano/) 2020 年 10 月 29 日

I tried to use the plugin to display a C++ source code, but special symbols ‘<‘,‘
>’, ‘”‘ used in the code break the plugin. htmlspecialchars() PHP function can probably
help. The text cursor behaves incorrectly with multiline text.

 [ 阅读所有27条评价 ](https://wordpress.org/support/plugin/animated-typing-effect/reviews/)

## 贡献者及开发者

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

贡献者

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

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

### 对开发感兴趣吗?

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

## 更新日志

#### 1.3.7

 * Security patch. Tested with WordPress v6.3.2

#### 1.3.6

 * Plugin abandoned and not longer supported! We are keeping it publicly available
   due to its popularity. We hope to start developing a v2 in the coming year or
   so.

#### 1.3.5

 * Bug fix to patch a legacy bug from 1.3.1 which caused html elements to not to
   be rendered correctly within the typed text. This bug was not related to the 
   one patched in 1.3.4.

#### 1.3.4

 * Bug fix which caused HTML elements to be escaped. This bug occured in the 1.3.3
   release.

#### 1.3.3

 * Tested with WordPress v5.6

#### 1.3.2

 * Tested with WordPress v5.4.1

#### 1.3.1

 * Tested with WordPress v5.3.2

#### 1.1

 * Fixed issue with cyrillic text

#### 1.1

 * Fixed typed script parameters

#### 1.0

 * First release

## 额外信息

 *  版本 **1.3.7**
 *  最后更新：**3 年前**
 *  活跃安装数量 **10,000+**
 *  WordPress 版本 ** 3.5 或更高版本 **
 *  已测试的最高版本为 **6.3.10**
 *  语言
 * [English (US)](https://wordpress.org/plugins/animated-typing-effect/)
 * 标签
 * [typewriter effect](https://cn.wordpress.org/plugins/tags/typewriter-effect/)
 *  [高级视图](https://cn.wordpress.org/plugins/animated-typing-effect/advanced/)

## 评级

 4.3 星（最高 5 星）。

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

[您的评价](https://wordpress.org/support/plugin/animated-typing-effect/reviews/#new-post)

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

## 贡献者

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

## 支持

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

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