図解で解説!WordPressプラグイン「Shortcodes Ultimate」アニメーション設置方法

WordPressプラグイン「Shortcodes Ultimate」を使うと、文字、画像、ボタンなどに、いろいろな動きを付けることができます。アニメーション設置方法を説明しましょう。

Shortcodes Ultimateアニメーションサンプル

WordPressプラグイン「Shortcodes Ultimate」を使ってどんなアニメーションができるのかサンプルをいくつかお見せしましょう。

アニメーション:Flash

アニメーション:Bounce

アニメーション:bounceInLeft

アニメーション:rotateInUpLeft

アニメーション:wobble

動きを付けることで、注目を集めることができるので、ボタンのクリック率向上にも貢献してくれるうれしい機能です。


Shortcodes Ultimateアニメーション設置手順

それではShortcodes Ultimateでアニメーションを設置する手順を説明しましょう。


  1. 記事投稿管理画面です。Shortcodes Ultimateをインストールすると「ショートコードを挿入」が追加されます。クリックしましょう。

  2. Shortcodes Ultimateの機能一覧が開きます。タイプ別フィルター内の「アニメーション」をクリックします。

  3. アニメーションの種類選択をクリックします。

  4. アニメーション一覧が開きます。お好きなアニメーションを選択しましょう。

  5. 持続時間を設定します。〇を左右にドラックしてサイズを決定してください。

  6. 遅延時間を設定します。〇を左右にドラックしてサイズを決定してください。

  7. 「インライン」「クラス」はそのままでOKです。

  8. アニメーションをつけるコンテンツを記入します。文章でもよいですし、ボタン、バナーなどのコードを記入してもOKです。「ライブプレビュー」をクリックで実際の動きを確認できます。

  9. 確認後、「ショートコードを挿入」をクリックします。

  10. ショートコードが挿入されました。プレビューで確認しましょう。

よく読まれている関連記事

図解で説明!WordPressプラグイン「Shortcodes Ultimate」のインストール方法
40種類以上の記事装飾をショートコードで簡単にできるWordPressプラグイン「Shortcodes Ultimate」。ボタン作成、アニメーション、テーブル、カラムなどスタイリ
2017-05-26 11:20
WordPressプラグイン「Shortcodes Ultimate」のボックス設置方法を徹底解説
WordPressプラグイン「Shortcodes Ultimate」を使えば、5種類のデザインで色を自由に設定できるボックスを設置することが出来ます。 この記事ではどんなボ
2019-11-11 16:23

コメントは受け付けていません。