Title: Animated Headline
Author: Anshul Gangrade
Published: <strong>2015 年 1 月 13 日</strong>
Last modified: 2026 年 7 月 17 日

---

搜尋外掛

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

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

# Animated Headline

 由 [Anshul Gangrade](https://profiles.wordpress.org/anshuln90/) 開發

[下載](https://downloads.wordpress.org/plugin/animated-headline.5.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/animated-headline/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/animated-headline/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/animated-headline/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/animated-headline/#developers)

 [技術支援](https://wordpress.org/support/plugin/animated-headline/)

## 外掛說明

Animated Headline is a lightweight and simple plugin for creating animated heading
text. Keep your visitors engaged with 10 different smooth animation effects!

**New in Version 5.0:** Full Page Builder Support!
 You can now add Animated Headlines
easily using your favorite page builders without writing shortcodes: * **Gutenberg
Block** – Native block with live preview in the WordPress editor. * **Elementor 
Widget** – Custom widget with full settings right inside Elementor. * **WPBakery
Element** – Fully integrated into the WPBakery Page Builder.

**Shortcode Example:**
 [animated-headline title=”Hello my friend” animated_text
=”Anshul,Rahul,Niya” animation=”clip” delay=”2500″ speed=”600″ tag=”h2″]

**Available Animation Effects:**
 * rotate-1 * rotate-2 * rotate-3 * type * scale*
loading-bar * slide * clip * zoom * push

**Shortcode Parameters:**
 * `title`: Static text before the animation. * `animated_text`:
Comma-separated list of words to animate. * `animation`: The animation effect (see
list above). * `delay`: (Optional) Time between word changes in milliseconds (default:
2500). * `speed`: (Optional) Animation transition speed in milliseconds (default:
600). * `tag`: (Optional) HTML tag for the headline e.g., h1, h2, h3, div (default:
h1).

**Performance Optimized:**
 CSS and JS assets are loaded conditionally! The plugin
will only load its scripts on pages where the Animated Headline shortcode or block
is actually used, ensuring your website stays lightning fast.

Need help generating a shortcode? Visit **Settings > Animated Headline** in your
WordPress admin area to use the Live Shortcode Generator!

## 螢幕擷圖

[[

[[

[[

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   Animated Headline

## 安裝方式

 1. Upload the `animated-headline` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the Plugins screen in WordPress.
 3. Add the block/widget via Gutenberg, Elementor, WPBakery, or use the shortcode.
 4. Visit **Settings > Animated Headline** for the Shortcode Generator and Live Preview.

## 常見問題集

### How do I use the plugin?

Simply search for the “Animated Headline” block/widget in Gutenberg, Elementor, 
or WPBakery.
 Alternatively, use the shortcode: `[animated-headline title="Hello
my friend" animated_text="Anshul,Rahul,Nisha" animation="clip"]`

### Which animation effects are supported?

The plugin supports rotate-1, rotate-2, rotate-3, type, scale, loading-bar, slide,
clip, zoom, and push.

### Will this plugin slow down my site?

No! Version 2.1.0 introduces performance optimizations where plugin assets (CSS/
JS) only load on pages where the animated headline is actually present.

## 使用者評論

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

### 󠀁[Great!](https://wordpress.org/support/topic/great-5923/)󠁿

 [itsupon](https://profiles.wordpress.org/itsupon/) 2017 年 2 月 8 日

Thank you!

 [ 閱讀全部 7 則使用者評論 ](https://wordpress.org/support/plugin/animated-headline/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Animated Headline〉的開發相關工作。

參與者

 *   [ Anshul Gangrade ](https://profiles.wordpress.org/anshuln90/)

[將〈Animated Headline〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/animated-headline)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/animated-headline/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/animated-headline/)，或透過 
[RSS](https://plugins.trac.wordpress.org/log/animated-headline/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/animated-headline/)。

## 變更記錄

#### 2.1.0

 * FEATURE: Added native Gutenberg Block support with static preview.
 * FEATURE: Added Elementor Widget support.
 * FEATURE: Added WPBakery Page Builder element support.
 * FEATURE: Added `delay`, `speed`, and `tag` parameters to shortcode.
 * ENHANCEMENT: Massive performance upgrade. CSS and JS only load on pages where
   the shortcode/block is used.
 * ENHANCEMENT: Completely revamped the Settings page with a Live Shortcode Generator.
 * ENHANCEMENT: Added donation links.

#### 1.6.0

 * Updated compatibility metadata for WordPress 6.0+ and PHP 7.4+.
 * Improved shortcode sanitization and escaping.
 * Updated asset loading to use modern WordPress enqueue hooks.

#### 1.5

 * Removed some bugs.

#### 1.0

 * Initial release.

## 中繼資料

 *  版本 **5.0**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **2,000+**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.6**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/animated-headline/)
 * 標籤:
 * [animated headline](https://tw.wordpress.org/plugins/tags/animated-headline/)
   [elementor](https://tw.wordpress.org/plugins/tags/elementor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)[text animation](https://tw.wordpress.org/plugins/tags/text-animation/)
 *  [進階檢視](https://tw.wordpress.org/plugins/animated-headline/advanced/)

## 評分

 4.4 星，滿分為 5 星

 *  [  6 個 5 星使用者評論     ](https://wordpress.org/support/plugin/animated-headline/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/animated-headline/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/animated-headline/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/animated-headline/reviews/?filter=2)
 *  [  1 個 1 星使用者評論     ](https://wordpress.org/support/plugin/animated-headline/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/animated-headline/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/animated-headline/reviews/)

## 參與者

 *   [ Anshul Gangrade ](https://profiles.wordpress.org/anshuln90/)

## 技術支援

最近 2 個月解決的問題:

     總計 1 個問題，已解決 0 個

 [檢視技術支援論壇](https://wordpress.org/support/plugin/animated-headline/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://www.paypal.me/anshulgangrade)