あなたは、ブログ記事を書いていてこんなことを思ったことはありませんか？
こんなこと思われている方、ご安心ください。w
WordPressはプラグインを使えば簡単です！！
WordPressのテーマ次第では、元々テーマの機能にアニメーションが入っているものがありますので、ご自身のお使いのテーマをご確認ください。
テキストにアニメーションというのは、例えば、こんな感じかな。
文字が動くって良いですよね。
動いているとそこに注目してしまいますし・・・。
というわけで、今回は、「Shortcodes Ultimate」というプラグインを使って、簡単に文字を動かす方法を解説します(^O^)／
他の方とは違った投稿をしたい方は、こちらのゼブラインもおすすめ♪
目次は読みたいところをタップして飛べるよ♪
WordPressプラグイン「Shortcodes Ultimate」とは？
最初に、簡単に「Shortcodes Ultimate」というプラグインの説明をしますね。
Shortcodes Ultimateは、50以上のデザインパーツを利用して記事を装飾できるWordPressプラグインになります。
こんな感じのショートコードが全て使えるんです。
このショートコードを利用して、ブログの記事を魅力的に装飾することができます。
ブログの記事の見た目を格段に良くしたい方とか、他の方とは違った記事の見せ方をしたい人にはオススメです。
WordPressプラグイン「Shortcodes Ultimate」を使って文字を動かす手順
では、今回は、「Shortcodes Ultimate」を使って文字を動かすというのをやってみます。
手順は簡単で、以下の通りです♪
- 「Shortcodes Ultimate」をインストール
- 投稿の編集画面でテキストにショートコードを挿入する
「Shortcodes Ultimate」をインストールする方法
①ワードプレスのダッシュボードの左のメニューから「プラグイン」にマウスを合わせて「新規追加」をクリックします。
②プラグインの追加の画面に切り替わりますので、【プラグインの検索】にプラグイン名（Shortcodes Ultimate）を入力します。
③検索結果に【Shortcodes Ultimate】が表示されますので、「今すぐインストール」をクリックします。
④インストールが完了すると【有効化】に変わりますので、クリックします。
プラグインはインストールした後に、必ず有効化しないと機能しません。
有効化は忘れずに行ってください。
ひとまずインストールが完了しました。
Shortcodes Ultimateのプラグインは、特に設定などはありませんので、インストール後すぐに使えます。
では、使ってみましょう！！
投稿の編集画面でテキストにショートコードを挿入する方法
Shortcodes Ultimateを使うときは、投稿や固定ページの編集画面で使っていきます。
簡単に操作動画も撮ってみました。
では、文章でも使い方解説します。
①まずは、投稿の編集画面を開きます。
②ブロックの追加の「＋プラス」をクリックします。
③ブロック一覧から「ショートコード」を見つけてクリックします。
④ショートコードのブロックが開きますので、「ショートコードを挿入」をクリックします。
⑤ショートコード選択の画面が開きますので、「アニメーション」をクリックします。
⑥アニメーションの設定画面が開きますので、必要なところを設定します。
上から順番に説明します。
●アニメーション： アニメーションのパターンを選択
※めちゃくちゃパターンがたくさんあるので迷いますけど、色々試してみてください。
わたしが良く使っているのは、「swing・fade In・bounce・shake」かなぁと思います。
●持続時間： アニメーションが行われる長さ（時間）
丸いツマミを左右に動かして時間を決めます。
●遅延： アニメーションを遅延
丸いツマミを左右に動かして時間を決めます。
●インライン： 「いいえ」のままでOK
●別のCSSクラス： ここは未記入でOK
●コンテンツ： 動かしたいテキストを記入
全ての設定が終わったら、「プレビュー」でアニメーションの確認をしてみてください。
どんな動きでアニメーションが入ったのかを確認できます。
⑦アニメーション設定が完了したら、「ショートコードを挿入」をクリックします。
以上で、テキストにアニメーションが入りました。
特に難しいことはないと思いますが、アニメーションのパターンの種類選びは、ちょっと大変かなぁと思います。
いろんなパターンを試してみて、自分が好きなアニメーションを決めちゃうと、後々使いやすいです♪
ぜひ、チャレンジしてみてくださいね(^O^)／
まとめ
今回は、「Shortcodes Ultimate」というプラグインを使って、簡単に文字を動かす方法を解説しました。
投稿の文字が動くと、読んで欲しいところの注目度が上がると思います。
他の方とは差をつけた記事を書きたい方は、一つのテクニックとしてオススメです。
簡単なのでチャレンジしてみてくださいね(^O^)／
他の方とは違った投稿をしたい方は、こちらのゼブラインもおすすめ♪
ブログアフィリエイトの基礎知識を分かりやすく丁寧に丸っと公開中！！
メルマガに登録すると、シークレットサイト「Escape from Zero」にご招待します。このシークレットサイトでは、ブログアフィリエイトの基礎を順序立てて解説しております。
メルマガの登録は無料！配信解除はいつでもOK！ 登録はこちら↓
ラッコキーワードの詳細をチェック
記事の中にあるテキストにアニメーションを入れたいな・・・そんなことできないのかな？