新機能!アニメーション効果の魅力を徹底紹介
![新機能!アニメーション効果を追加しよう](https://static.wixstatic.com/media/bb1bd6_b9dcbedd0c244b3f82579ba5ebfb7545~mv2.jpg/v1/fill/w_92,h_53,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_b9dcbedd0c244b3f82579ba5ebfb7545~mv2.jpg)
ここ数ヶ月の間、Wixではより多くの素晴らしい機能をユーザーの皆さまに提供するために、開発に力を入れてきました。そして、遂にその成果をご紹介できるときが来ました。なんと、100日間で100個の機能をリリースすることができました。これはWix設立以来の快挙です!
今回は、その中でもぜひ活用していただきたいとっておきの機能、Wixサイトを美しく演出してくれるアニメーション効果をご紹介します。あなたのホームページが驚くほど素敵に一新すること間違いなしです。
![新機能!アニメーション効果を追加しよう](https://static.wixstatic.com/media/bb1bd6_2b12d33c4cfc460084887a946583a680~mv2.gif)
Wixの新着ホームページテンプレートには、アニメーション効果が既に含まれているものもありますので、ぜひご利用ください!
なぜアニメーション効果を追加するべき?
「こんな機能必要ある?サイトのウェブデザインにはもう満足してるんだけど・・・」と思う方もいるかもしれません。確かに、試行錯誤を重ねた結果、たどり着いたウェブデザインですから、既に納得のいくものが完成しているかもしれません。
Wixを使ってホームページを作成・公開する利点の一つに、手間いらずで、最新のウェブデザインのトレンドを取り入れ、サイトを常に新鮮に保ち、楽しい機能をいつでも追加することが挙げられます。新しく登場したアニメーション効果は、あなたのサイトに新鮮さを加え、サイト訪問者を魅了してくれるはずです。
![新機能!アニメーション効果を追加しよう](https://static.wixstatic.com/media/bb1bd6_d72d6827221540d288a7ab8f1753fb90~mv2.gif)
サイトにアニメーション効果を追加する方法
想像以上に簡単な追加方法が、Wix.comの腕のみせどころです!
まず、エディタ画面で、アニメーションを追加したいパーツをクリックして選択します
表示される小さなメニュー画面から「アニメーション効果を追加」をクリックします
![アニメーション効果の追加方法](https://static.wixstatic.com/media/bb1bd6_ccdfc8e061f2495b9d37c92ee4c3cb80~mv2.jpg/v1/fill/w_117,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_ccdfc8e061f2495b9d37c92ee4c3cb80~mv2.jpg)
アニメーションのスタイルを選択します
アニメーションの設定画面から、時間や表示されるまでの遅延時間などを設定できます
![アニメーション効果の追加方法](https://static.wixstatic.com/media/bb1bd6_8d30dcd2a4f542418d256c0a6e6eed6e~mv2.png/v1/fill/w_65,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_8d30dcd2a4f542418d256c0a6e6eed6e~mv2.png)
★コンテンツが最初に読み込まれた際にのみ、アニメーションを追加したい場合は、「初期読み込み時のみアニメーションを起動」のボックスをチェックしてください。
アニメーション効果を確認したい場合は、エディタ画面の右上にある「プレビュー」ボタンをクリックして確認しましょう。編集が済んだら、「保存」と「公開」をクリックして、公開済みのサイトでもアニメーションを確認しましょう。
アニメーションで販売促進?!
アニメーション効果を追加することで、クリック率のアップが見込めます。例えば、ネットショップをお持ちなら、「今すぐ購入」ボタン等にアニメーションを追加して、顧客の反応がどう変化するかを分析してみてください。
動きのあるボタンは、サイト訪問者のエンゲージメントを高め、結果として売上も増加する可能性があります。サイト上の最も重要なボタンにアニメーション効果を追加してみて下さい。そして、売上の変化をチェックするのをお忘れなく。きっと嬉しいサプライズがあるはずです。
![ボタンのアニメーション効果](https://static.wixstatic.com/media/bb1bd6_f88bd778a8b54f2a9141e63e9327484a~mv2.gif)
アドバイス:この機能は、あまり使いすぎないように気をつけましょう。アニメーション効果の素晴らしさに感動し、ついつい多くのパーツに追加してしまいがちです。もしページ上の全てにアニメーション効果が付いていたら、そのパワーは半減してしまいます。最高の結果を導くためにも、他人の客観的な視点からフィードバックをもらうのをお忘れなく。
ぜひアニメーション効果をお楽しみください!
![](https://static.wixstatic.com/media/bb1bd6_e8c6658fce464b318c7918dc08ac0c2a~mv2.png/v1/fill/w_60,h_60,al_c,q_85,blur_3,enc_auto/bb1bd6_e8c6658fce464b318c7918dc08ac0c2a~mv2.png)
ライター: Wix Team