図解で解説!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. ショートコードが挿入されました。プレビューで確認しましょう。

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

【動画解説】Shortcodes Ultimateのアニメーション機能を使った動くボタンの設置方法
記事中で、「公式サイトはこちら」や「詳細はこちら」などのリンクボタンを設置する場面は多くあると思います。ボタンにちょっとした動きを付けることで、注目を集めクリック率の向上にもつなが
2021-07-12 12:29
「Shortcodes Ultimate」の5種類のボックスデザインと設置方法を徹底解説
WordPressプラグイン「Shortcodes Ultimate」を使えば、5種類のデザインで色を自由に設定できるボックスを設置することが出来ます。 この記事ではどんなボ
2021-07-12 12:30

この記事が気に入ったら
いいね ! しよう

コメントを残す

未来派野郎hiro提供サービス一覧

未来派運営コミュニティー

未来派提供サービス
MEA
未来派提供コンテンツ

当ブログ売れ筋ランキングBEST3

新世代型サイト作成システム「SIRIUS2」
新世代型サイト作成システム「SIRIUS2」がリリースされました。一番の売りはサイト表示速度の高速化です。生まれ変わった SIRIUS で新しいWEB体験を!
Danganページビルダー
「Danganページビルダー」はLP作成機能を追加するWordPressプラグインで、使っているテーマをそのままで利用することができます。
アンリミテッドアフィリエイト3.0
アンリミテッドアフィリエイト3.0は、月収100万円稼ぐアフィリエイターを、多数輩出しており、多い人では月収1000万円以上、累計1億円以上稼ぐ人までいます。

最新の記事