Wix エディタ：モバイルサイトでアニメーションとスクロールエフェクトを使用する | サポートセンター

Wix エディタ：モバイルサイトでアニメーションとスクロールエフェクトを使用する

読了時間：4分

アニメーションやスクロールエフェクトを使用すると、重要なパーツやコンテンツに注目を集めることができ、サイト訪問者は楽しみながらサイトを閲覧することができます。

モバイルアニメーションはモバイルサイト用に厳選されており、小さな画面サイズと解像度に合わせて最適化されているため、サイトの間隔や配置について心配する必要はありません。また、ストリップ、カラム、セクションの背景にクールなスクロールエフェクトを追加して、モバイル訪問者にとって重要なコンテンツを強調することもできます。

この記事では、下記の項目について説明します：

重要：

デスクトップアニメーションとモバイルアニメーションは別の機能です。つまり、デスクトップサイトのパーツに追加したアニメーションは、モバイルサイトには影響しませんし、その逆も同様です。モバイルサイトでアニメーションを設定しない場合、アニメーションは表示されません。デスクトップで追加するアニメーションについてはこちら

モバイルサイトにアニメーションを追加する

パーツにアニメーションを追加すると、パーツに動きを付けられます。エフェクトは、14種類あるので、サイトのスタイルに合ったアニメーションを選ぶことができます。

パーツにアニメーションを追加する方法：

モバイルエディタで任意のパーツをクリックします。
「アニメーション」アイコンをクリックします。
利用可能なオプションからアニメーションを選択します。

ヒント：

パネル内のエフェクトにカーソルを合わせると、アニメーションをプレビューすることができます。
「アニメーション効果」で「なし」を選択するとパーツからアニメーション効果を削除できます。

モバイルサイトでアニメーションをカスタマイズする

パーツのアニメーションを選択したら、より印象の強いアニメーションにカスタマイズしましょう。選択したアニメーションに応じて、待機時間、方向、タイミングなどを選択し、設定を調整できます。

アニメーションをカスタマイズする方法：

パーツをクリックします。
「アニメーション」アイコンをクリックします。
「カスタマイズ」をクリックしてアニメーションを調整します：
- 強さ：ドロップダウンメニューで効果の強さを選択します。
- 方向：アニメーションをどの方向から表示するかを選択します。
- エフェクト時間（秒）：どれくらいの時間アニメーションを再生するかを秒単位で選択します。
- 待機時間（秒）：ページのローディングとアニメーションを再生の間の待機時間を秒単位で選択します。
- 初回読み込みのみ：このトグルをオンにすると、アニメーションの再生タイミングを選択できます。
  - 有効化：ページの初回読み込み時にのみアニメーションが再生されます。
  - 無効化：同じタブからページが読み込まれるたびにアニメーションが再生されます。