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

Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

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

4分

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

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

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

重要：

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

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

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

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

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

ヒント：

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

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

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

注意：

利用可能なカスタマイズオプションは、選択したアニメーションの種類によって異なります。

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

モバイルエディタでパーツをクリックします。
「アニメーション」アイコンをクリックします。
「カスタマイズ」をクリックしてアニメーションを調整します：
- 強さ：ドロップダウンメニューで効果の強さを選択します。
- 方向：アニメーションをどの方向から表示するかを選択します。
- エフェクト時間（秒）：どれくらいの時間アニメーションを再生するかを秒単位で選択します。
- 待機時間（秒）：ページのローディングとアニメーションを再生の間の待機時間を秒単位で選択します。