![](https://takuweb1.com/wp-content/uploads/2020/10/easy.textillate.png)
ブログ記事の作成で内容の質はもちろんですが
訪問者が目に付くようなテキスト表示も大切ですよね。
色を付けたりフォント、サイズの変更などしますが
いっそうのことテキストにアニメーションを付けてみませんか。
そこでプラグイン「Easy Textillate」の紹介です。
自由にテキストを入力して
何十種類もある動きパターンから選ぶだけなので簡単ですよ。
ここでは画像付きで設定、使い方を説明してるので参考にしてみてください。
Easy Textillateとは
WordPressで作成したブログ記事に
テキストをアニメーションで表示できるプラグインです。
使い方はとても簡単でテキスト入力後に
アニメーションパターンを選ぶだけで使えるようになっています。
なお、設置は投稿ページにショートコードを貼り付ける形になっています。
プラグイン「Easy Textillate」のインストール
それでは始めていきましょう。
WordPressにログインしたら
ダッシュボードから「プラグイン」→「新規追加」へとクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/10/1-19.png)
プラグインを追加のページが表示されたら
キーワード検索欄に「Easy Textillate」と入力しましょう。
検索結果は、自動で反映されます。
![](https://takuweb1.com/wp-content/uploads/2020/10/2キャプチャ-17.jpg)
Easy Textillateを見付けたら
「今すぐインストール」をクリックします。
*稀に下の方や右側、または違うページにある場合があります。
![](https://takuweb1.com/wp-content/uploads/2020/10/3キャプチャ-18.jpg)
インストールが終わると「有効化」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/4キャプチャ-19.jpg)
有効化すると自動でインストール済みプラグインのページに移動します。
もし、WordPressバージョンの違いで移動しない場合は
自分で「プラグイン」→「インストール済みプラグイン」に移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/5キャプチャ-18.jpg)
Easy Textillateのインストールは終わりです。
テキストアニメーションの作成
ここでは投稿に設置するための
テキストアニメーションを作成していきます。
作成は楽しいのですよ。
では、管理メニューから
「設定」→「Easy Textillate」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/6名称未設定-16.png)
設定ページが開くので
テキストアニメーションを作成していきましょう。
Your Text: アニメーションを付けるテキストを入力します。
例えば
「今後とも takuweb をよろしくお願いします!」
![](https://takuweb1.com/wp-content/uploads/2020/10/7キャプチャ-14.jpg)
In Animation: 入り方のアニメーションパターンを選びます。
ここではデフォルトの2つにしています。
fadeInLeftBig 左からフェードイン
sequence 徐々に流れる
Out Animation: 終わり方のアニメーションパターンを選びます。
ここではデフォルトの2つにしています。
hinge ヒンジ(中央)
shuffle シャッフル
![](https://takuweb1.com/wp-content/uploads/2020/10/8キャプチャ-9.jpg)
Shortcode: このショートコードを投稿に貼り付けて表示します。
使うのでコピーしておきましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/9キャプチャ-9.jpg)
これでテキストアニメーションの作成は終わりです。
テキストアニメーションの設置
ここでは投稿にテキストアニメーションを設置していきます。
ショートコードなので簡単ですね。
管理メニューから
「投稿」→「新規追加」で通常の投稿記事作成ページに移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/10名称未設定-3.png)
投稿作成ページが開いたら適当にタイトルを入力します。
![](https://takuweb1.com/wp-content/uploads/2020/10/11キャプチャ-7.jpg)
ショートコードを貼り付けるので
ここではクラッシックモードを表示させます。
![](https://takuweb1.com/wp-content/uploads/2020/10/12-3.jpg)
クラシックモードにある
「表示」→「ソースコード」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/13-2.png)
ソースコードが開いたら
ショートコードを貼り付けましょう。
そして「OK」をクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/10/14名称未設定-3.png)
このようにショートコードが入ればOKですよ。
![](https://takuweb1.com/wp-content/uploads/2020/10/15キャプチャ-5.jpg)
それではどのように表示されるのか
「プレビュー」から確認していきましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/16キャプチャ-4.jpg)
するとこのように
テキストにアニメーションが付きますよ。
これでEasy Textillateの紹介は終わりです。
アニメーション関係のプラグインは他にもありますよ。
ブラウザタブにあるブログ名を流れるようにするものや
文字や画像を動かせるものがあります。
また、記事の読み込み中にローディングマークを
アニメーションにできるものもありますよ。
興味のある方はここより参考にしてみてください。
まとめ
ブログ記事でテキストにアニメーションを付けるプラグインでした。
入力した文字が動くのは楽しいですよね。
使い方はいろいろありますが
可愛さを売りにせずアフィリエイト商品ページにある
キャッチフレーズに使うのもありですよ。
訪問者が気になって読んでくれるのがいいですから、、、
プレビュー上でもいいので一度試してみてはどうでしょうか。
そこでこれをやらなきゃ損をするということで
ブログ維持のためにアフィリエイトを始めてみませんか。
大きく稼ぐには全力で挑む必要がありますが
ブログ維持費なら片手間でも大丈夫!
気になる方はここよりアフィリエイト会社(ASP)の紹介を見てみましょう。