図解で解説!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」ボタンの作り方
WordPressプラグイン「Shortcodes Ultimate」の優れた機能のひとつ「ボタン」の作り方を説明しましょう。サイズ・カラー・スタイル・アイコンまで各種自由に選択す
2017-05-29 13:19

当ブログはWordPressテンプレートALPHAを使用しています

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