Ultimateを使用してアニメーション処理で人目を惹(引)いてサイトの直帰率を抑えようという企画になります。このサイトにもいくつか配置してありますので探してみて下さい(笑)※ただ、導入したから直帰率を抑えられる補償はないので自己責任でお願いします。結局のところサイトのコンテンツ次第になると思いますのであまりアニメーション処理ばかりだと飽きられるかサイトが重くなる可能性もあるので適度に配置で効果があると思います。※テーマとの相性が悪くプラグインを停止する可能性がありますのでその時はご了承ください。Ultimateとは?WordPressのプラグインで50以上の機能が盛り込まれた多機能なプラグインで、これ一つでいろんなことができるのでWordPress初心者にとっては、かなり役立つプラグインになること間違いなし!!今回はこの中から赤枠のアニメーションを紹介していきます。Ultimateを検索して有効化しましょう。途中までの入力で表示されると思いますので全部入力しなくてもいいです。]ショートコードの方で使える機能が確認出来ます。※有料ではありますが、アドオンが追加できるようです。Ultimate(その他)枠のところがアニメーションです。Ultimate【アニメーション】の紹介さっそくアニメーションを紹介していきます。アニメーション処理、出来るのはテキストと画像です。Ultimateなら簡単なアニメーション処理なら作成できるので活用していきましょう。投稿画面よりショートコードを挿入を選択すると上記の方にあるショートコード全体の画面になりますので赤枠のアニメーションを選択すると上記画面(一部)が表示されますので、まず上記画面の説明からアニメーションアニメーションの種類を選択まず、アニメーションの種類が確かめてみると61個ありました。多すぎ!!種類分けして26種類?(IN・OUT別々で)の中から一つ選択して下さい。全部、紹介すると確実にサイトが重くなるでしょうからピックアップして紹介します。右にいくほど時間をかけて表示されるようになります。右に行くほど表示されるまでの時間が遅くなります。持続時間と遅延を少ない数字にすると点滅する感じに見えますので上手く活用すると良いでしょう。インラインここはすいませんが難しそうなのでパスします。初心者向けの紹介(自分もですが)になりますのでパスします。別のCSSクラスここも同じくパスします。コンテンツここにアニメーションさせたいテキストを入力します。画像をアニメーションさせたい場合、空白で✔ショートコードを挿入を押したあと、間に画像を挿入します。間に画像を挿入します。真ん中にあるライブプレビューのボタンを押すとアニメーションの確認が出来ます。※ショートコードを挿入とプリセットの間にあります。プリセットここに現在の設定を名前付きで保存出来て、使わなくなったら消去も出来ます。これは便利だと思います。アニメーションの種類(type)※持続時間5、遅延5で統一して紹介します。基本的なものを紹介していきます。※表示に時間がかかるので1つずつ表示させた方がいいです。再読み込みすることで再び動きます。※現在テーマ変更してプラグインとの相性が悪いのでアニメーションしません。ご自身でアニメーションのパターンをご確認ください。下記にアニメーションのパターンをきさいしておきます。アニメーションまとめ今回はサイトのスピードやエラーなどの心配から基本的なアニメーションからピックアップしましたがスピードを計測して問題ないようなら今後、使用しながらオススメなどを更新してお勧めの使い方などを紹介していきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。(19)サイト運営者やまとし2018年1月からブログをはじめて、無料ブログから本格的にやってみたいと思い有料ブログに2月から挑戦しました。このサイトではおすすめ商品のレビューや紹介、雑記などを書いていこうと思います。初心者なのでコンテンツの充実に時間がかかるかもしれませんが何回か足を運んでもらえたら管理人のやる気がアップしますのでよろしくお願いします。投稿記事一覧へフォローよろしく!ブログランキング参加中!ブログサークルのフォローはこちらブログサークルブログにフォーカスしたコミュニティーサービス(SNS)。同じ趣味の仲間とつながろう!YouTubeチャンネルチャンネル登録よろしく!チャンネルを見るお悩み相談のYouTubeチャンネルも開設しました。初心者ブログから成功へ.ホームシェアサブチャンネルメインチャンネルTOPへ。