header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
placeholder-preview-image
この記事では下記を説明します:
  • 背景画像にパララックススクロールを追加する
  • 背景画像にフリーズスクロールを追加する

Wix エディタ:画像背景にスクロールエフェクトを追加する

この記事内
  • 背景画像にパララックススクロールを追加する
  • 背景画像にフリーズスクロールを追加する
画像背景にスクロールエフェクトを追加して、サイトに奥行きを出しましょう。
背景スクロールは、訪問者がサイトをナビゲートする際に、楽しくユニークな効果をもたらします。サイトの外観やコンテンツに合わせて、フリーズまたはパララックス(視差効果)を適用できます。
重要:
スクロールエフェクトはプレビューまたはライブサイトでのみ表示されます。エディタ内での表示方法は、ライブサイトでの表示方法とは異なります。

背景画像にパララックススクロールを追加する

背景画像をパララックススクロールさせることで、サイトに奥行きやレイヤーが追加されます。
ページの背景と上部のコンテンツは異なる速度で移動するので、訪問者にクールで楽しい体験を提供します。
重要:
パララックススクロールはモバイルサイトでは表示されません。

パララックスエフェクトを追加する方法:

  1. エディタで該当するページに移動します。
  2. エディタ左側の「サイトデザイン」 をクリックします。
  3. 「ページ背景」にマウスオーバーし、「編集」をクリックします。
  4. 背景画像のプレビューで「設定」 をクリックします。
  5. 「スクロールエフェクト」下で「パララックス」を選択します。
画像の背景にパララックススクロールが表示されたライブ Wix サイトの GIF。
注意:
このエフェクトはページ全体に画像を表示する必要があるため、ページの背景には大きな高画質の画像を使用することをお勧めします。

背景画像にフリーズスクロールを追加する

ページの背景画像にフリーズエフェクトを追加しましょう。フリーズを選択すると、訪問者が上下にスクロールしてもページの背景は移動しませんが、上部のコンテンツは移動します。
フリーズは、サイトのページを洗練されたダイナミックなものにするのに最適なエフェクトで、訪問者がサイトの探索を続けることを促します。

フリーズエフェクトを追加する方法:

  1. エディタで該当するページに移動します。
  2. エディタ左側の「サイトデザイン」 をクリックします。
  3. 「ページ背景」にマウスオーバーし、「編集」をクリックします。
  4. 背景画像のプレビューで「設定」 をクリックします。
  5. 「スクロールエフェクト」下で「フリーズ」を選択します。
画像の背景にフリーズスクロールが表示されているライブ Wix サイトの GIF。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.