Wix エディタ：アニメーションを追加・カスタマイズする | サポートセンター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wix エディタ：アニメーションを追加・カスタマイズする

4分

アニメーションを使用してサイトに命を吹き込みましょう。エントランス、スクロール、ループ、マウスエフェクトなど、デザインのあらゆる側面にさまざまなアニメーションを提供しています。

アニメーションは必要に応じてカスタマイズすることができます。たとえば、距離、時間、待機時間などを調整します。モバイルアニメーションは小さな画面に合わせてデザインされているため、どのデバイスからでも訪問者をあっと言わせることができます。

同じパーツに異なるアニメーションとエフェクトを適用することができます。

アニメーションに問題がある場合：

手順に従って、ライブサイトで正常に動作することを確認してください。

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

パーツにアニメーションを追加して、ダイナミックで魅力的なサイトを作りましょう。各アニメーションには独自のエフェクトがそれぞれ異なるため、それらをさまざまな要素と組み合わせて、訪問者に印象を残すことができます。

ヒント：

グループを選択し、「アニメーション」アイコン

をクリックすると、パーツのグループにアニメーションを追加することができます。

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

エディタで該当するパーツをクリックします。
「アニメーション」アイコンをクリックします。
利用可能なオプションからアニメーションを選択します。
- エントランス：アニメーションは、選択されたパーツが画面に表示された時にのみ再生されます。
- ループ：アニメーションはループ再生されます。
- スクロール：パーツがスクロールして表示されたときにアニメーションが再生されます。
- マウスエフェクト：訪問者のカーソルがパーツにマウスオーバーすると、アニメーションが動き始めます。

注意：

ヘッダーのパーツは、最初にページにアクセスした際に 1回だけアニメーション化されます。

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

パーツにアニメーションを追加したら、サイトの雰囲気に合わせてカスタマイズできます。

強さ、方向、待機時間などの設定を調整して、インパクトを与え、訪問者を惹きつけましょう。

注意：

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

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

エディタで該当するパーツをクリックします。
「アニメーション」アイコンをクリックします。
「カスタマイズ」をクリックし、オプションを使用してアニメーションを調整します：
- 強さ：ドロップダウンメニューをクリックし、再生時のアニメーションの強さを選択します。
- 方向：時計回りや右からなど、アニメーションが入る方向を選択します。
- 距離：スライダーを使用して、エフェクトの始点から終点までの距離を変更します。
- エフェクト時間：スライダーを使用して、アニメーションを再生する時間を調整します。
- 待機時間：スライダーをドラッグして、ページの読み込みからアニメーションの開始までの待機時間を調整します。
- 速度：スライダーをドラッグして、エフェクトの速度を変更します。数値が低いほど、エフェクトは速くなります。
- 移動軸：要素を横、縦、または両方の軸で移動するかを決定します。
- アニメーションタイプ：スクロール時のアニメーションの種類をイン、アウト、または連続から選択します。
- 回転軸：パーツが移動を開始する参照ポイントを選択します。
- モーションスタイル：「弱」や「ミディアム」など、動きの強さを選択します。