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)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/animated-typing-effect/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/animated-typing-effect/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/animated-typing-effect/#installation)
 * [開發資訊](https://tw.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

## 安裝方式

 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 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.3.8**
 *  語言
 * [English (US)](https://wordpress.org/plugins/animated-typing-effect/)
 * 標籤:
 * [typewriter effect](https://tw.wordpress.org/plugins/tags/typewriter-effect/)
 *  [進階檢視](https://tw.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)

[Your review](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/)