ワードプレスのブロックエディタに文字のタイピングアニメーションを追加したいと思った時に使える便利なプラグインが「Typing Text」です。
「Typing Text」プラグインとは?
「Typing Text」プラグインは、その名の通り、タイピング風のテキストを簡単に追加ができるプラグインです。
![](https://eguweb.jp/wp-content/uploads/202204132039-00.jpg)
このブロックエディタ用のタイピングテキストプラグインを使用すると、WordPressWebサイトで人目を引くアニメーションのタイピングテキストを作成できます。
ブログの投稿やページ内でこの入力テキスト効果を簡単に使用して、訪問者を感動させることができます。
プラグインをインストールする
![](https://eguweb.jp/wp-content/uploads/202204132033-01.jpg)
まずはプラグインを検索してインストールします。
これだけで、もう使えるようになっています。
「Typing Text」プラグインの使い方
エディターのブロックを検索すると「Typing Text」があります。
![](https://eguweb.jp/wp-content/uploads/202204132042-00-1024x518.jpg)
設定すると、既に使えるようになっています。
![](https://eguweb.jp/wp-content/uploads/202204132042-01-1024x498.jpg)
ブロックの設定画面にテキストやスタイルの変更ができます。
![](https://eguweb.jp/wp-content/uploads/202204132046-00.jpg)
Prefix Text・Typed Text
Prefix Textで固定されたテキスト、Typed Textでタイピングさせるテキストを設定できます。
もし固定されたテキストが不要であればPrefix Textは空白でもOKかと思います。
![](https://eguweb.jp/wp-content/uploads/202204132049-00.jpg)
ループの設定やタイピングのスピードなどを設定できます。
![](https://eguweb.jp/wp-content/uploads/202204132050-00.jpg)
Styleでテキストの色やフォントの種類、サイズなどを変えることができます。
![](https://eguweb.jp/wp-content/uploads/202204132051-00.jpg)
![](https://eguweb.jp/wp-content/uploads/202204132052-00.jpg)
設定できました!
![](https://eguweb.jp/wp-content/uploads/screencapture2204132022001.gif)
まとめ
このように、「Typing Text」プラグインを使うことで簡単にテキストアニメーションを実装できます。
ご参考ください😃