Title: TextTweener
Author: Michael Rademacher
Published: <strong>2026 年 4 月 11 日</strong>
Last modified: 2026 年 4 月 11 日

---

搜索插件

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

![](https://ps.w.org/texttweener/assets/icon-256x256.png?rev=3503894)

# TextTweener

 作者：[Michael Rademacher](https://profiles.wordpress.org/realmaker/)

[下载](https://downloads.wordpress.org/plugin/texttweener.1.1.0.zip)

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

 [支持](https://wordpress.org/support/plugin/texttweener/)

## 描述

TextTweener is a Gutenberg block that creates smooth, animated text transitions.
Individual letters morph and move to their new positions, creating an elegant text
rotation effect.

**Live Demo:** [https://realmaker.de/texttweener/](https://realmaker.de/texttweener/)—
see the animation in action before installing.

**Source Code & Build Instructions:**

The minified file `assets/texttweener.umd.min.js` is built from the TypeScript source
at:
 [https://github.com/Realmaker/textTweener](https://github.com/Realmaker/textTweener)

To build from source:

 1. Clone the repository: `git clone https://github.com/Realmaker/textTweener.git`
 2. Install dependencies: `npm install`
 3. Build: `npm run build`

The compiled output is generated in `dist/` using [tsup](https://tsup.egoist.dev/)(
ESBuild-based bundler). The build configuration is in `tsup.config.ts`.

**Features:**

 * Smooth letter-by-letter animation between text phrases
 * Customizable display duration, transition speed, and stagger
 * Multiple easing presets (Smooth, Ease Out, Bounce, Linear)
 * Add as many text phrases as you need
 * Responsive and works with any WordPress theme
 * No jQuery dependency
 * No-JavaScript fallback for accessibility

**Usage:**

 1. Add the “TextTweener” block in the WordPress block editor
 2. Enter at least two text phrases in the block settings
 3. Customize animation settings (duration, easing, stagger) as desired
 4. Publish and watch your text animate

## 屏幕截图

 * [[
 * TextTweener block in the Block Inserter (Text category).
 * [[
 * Block sidebar — add as many text phrases as you like.
 * [[
 * Animation controls — display duration, transition, stagger, easing, loop.
 * [[
 * Appearance controls — font size.

## 区块

该插件提供了 1 个区块.

 *   TextTweener Animated text transitions — letters morph to their new positions.

## 安装

 1. Upload the `texttweener` folder to `/wp-content/plugins/`
 2. Activate the plugin through the “Plugins” menu in WordPress
 3. Use the “TextTweener” block in the block editor

## 常见问题

### How many text phrases can I add?

You can add as many text phrases as you like. A minimum of two is required for the
animation to work.

### Does it work with any theme?

Yes, TextTweener works with any WordPress theme that supports the block editor.

### Can I control the animation speed?

Yes. You can adjust the display duration (how long each text is shown), transition
duration (how fast the morph animation plays), and stagger (delay between individual
letter animations).

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

 *   [ Michael Rademacher ](https://profiles.wordpress.org/realmaker/)

「TextTweener」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/texttweener/contributors)
为本插件所做的贡献。

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

### 对开发感兴趣吗?

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

## 更新日志

#### 1.1.0

 * Improved WordPress.org compliance
 * Replaced inline scripts with wp_add_inline_script()
 * Added internationalization support (load_plugin_textdomain)
 * Updated block.json with editorScript, editorStyle, and viewScript
 * Changed license to GPL-2.0-or-later
 * Added readme.txt
 * Updated to modern script registration format
 * Replaced deprecated AlignmentToolbar with AlignmentControl

#### 1.0.0

 * Initial release

## 额外信息

 *  版本 **1.1.0**
 *  最后更新：**2 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.3 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/texttweener/) 和 [Russian](https://ru.wordpress.org/plugins/texttweener/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/texttweener)
 * 标签
 * [animation](https://cn.wordpress.org/plugins/tags/animation/)[block](https://cn.wordpress.org/plugins/tags/block/)
   [morph](https://cn.wordpress.org/plugins/tags/morph/)[text](https://cn.wordpress.org/plugins/tags/text/)
   [transition](https://cn.wordpress.org/plugins/tags/transition/)
 *  [高级视图](https://cn.wordpress.org/plugins/texttweener/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

 *   [ Michael Rademacher ](https://profiles.wordpress.org/realmaker/)

## 支持

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

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