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://ja.wordpress.org/plugins/texttweener/#description)
 * [レビュー](https://ja.wordpress.org/plugins/texttweener/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/texttweener/#installation)
 * [開発](https://ja.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).⌉⌊TextTweener block in
the Block Inserter (Text category).⌉[

TextTweener block in the Block Inserter (Text category).

[⌊Block sidebar — add as many text phrases as you like.⌉⌊Block sidebar — add as 
many text phrases as you like.⌉[

Block sidebar — add as many text phrases as you like.

[⌊Animation controls — display duration, transition, stagger, easing, loop.⌉⌊Animation
controls — display duration, transition, stagger, easing, loop.⌉[

Animation controls — display duration, transition, stagger, easing, loop.

[⌊Appearance controls — font size.⌉⌊Appearance controls — font size.⌉[

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

## FAQ

### 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/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/texttweener/)
を [RSS](https://plugins.trac.wordpress.org/log/texttweener/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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**
 *  最終更新日 **5か月前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 6.3またはそれ以降 **
 *  検証済み最新バージョン: **6.9.7**
 *  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://ja.wordpress.org/plugins/tags/animation/)[block](https://ja.wordpress.org/plugins/tags/block/)
   [morph](https://ja.wordpress.org/plugins/tags/morph/)[text](https://ja.wordpress.org/plugins/tags/text/)
   [transition](https://ja.wordpress.org/plugins/tags/transition/)
 *  [詳細を表示](https://ja.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/)