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

Wix エディタ:セクションをカスタマイズする

この記事内
  • セクションにパーツを追加する
  • セクションの背景を変更する
  • セクションのサイズを調整する
  • セクションにスクロールエフェクトを追加する
  • シェイプ区切りを追加する
ページセクションは、サイトページの構成要素です。これらを使用してページコンテンツを分割し、訪問者のために明確で構造化されたレイアウトを作成しましょう。
セクションを追加・設定したら、オプションを使用して好みに合わせてカスタマイズします。パーツを追加したり、背景やサイズを変更したりできます。

セクションにパーツを追加する

セクションにパーツを追加して、営業時間、商品、サービスなどの重要な情報を表示したり、サイトに装飾的要素を加えたりできます。

セクションにパーツを追加する方法:

  1. エディタにアクセスします。
  2. エディタ左側で「パーツを追加」 をクリックします。
  3. カテゴリーをクリックします。
  4. パーツをセクションにドラッグします。
エディタの「パーツを追加」パネル。「装飾」タブが開いていて、カーソルが「アイコン」オプションにマウスオーバーしています。

セクションの背景を変更する

サイトのデザインに合わせてセクションの背景を変更しましょう。色のブロックでシンプルにしたり、メディアを追加してページを楽しくダイナミックにしたりできます。

セクションの背景を変更する方法:

  1. エディタにアクセスします。
  2. セクションをクリックします。
  3. 「背景を変更」をクリックし、以下のオプションから選択します:
    • 単色 / グラデーション:ピッカーから色を選択します。サイトのスタイルから選択するか、カスタムカラーを追加してポップに仕上げます。パネル上部から「グラデーション」または「フルードグラデーション」をクリックして、独自のグラデーション背景を追加することもできます。
    • 画像:Wix や Unsplash の無料画像から選択するか、Shutterstock から画像を購入するか、独自の画像をアップロードします。
    • 動画:Wix や Shutterstock から高画質の動画を選択するか、独自の動画をアップロードして背景に追加します。
Wix エディタのセクション背景設定パネルのスクリーンショット。
動画背景を選択した場合:
サイト訪問者はクリックすることでライブサイトの動画背景を一時停止・再生することができます。

セクションのサイズを調整する

セクションは、必要なパーツやコンテンツに合わせて大きくしたり、ミニマルな見た目にするために小さくしたりできます。

セクションのサイズを調整する方法:

  1. エディタにアクセスします。
  2. セクションをクリックします。
  3. セクションの下部にある「セクションの高さを調整」ハンドル  をクリック&ドラッグして、セクションの高さを調整します。
セクションのサイズが変更されていることを示す GIF。カーソルがハンドルをクリックし、ドラッグしてサイズを変更しています。
注意:
セクションにできる最小サイズは 40px です。

セクションにスクロールエフェクトを追加する

スクロールエフェクトを使用すると、セクションに特別なタッチを与え、サイト上で目を引く体験を作り出すことができます。ニーズに合ったエフェクトを選択し、サイトとブランドをさらにパーソナライズすることができます。

スクロールエフェクトを追加する方法:

  1. エディタにアクセスします。
  2. セクションを右クリックします。
  3. 「スクロールエフェクトの背景」をクリックします。
  4. オプションからエフェクトを選択します。
Wix エディタでセクションのスクロールエフェクトを選択するパネルのスクリーンショット

シェイプ区切りを追加する

シェイプ区切りは、セクションコンテンツまたはセクション自体の間に目を引く構造を作成するために使用できるグラフィックシェイプです。
Wix ではさまざまなデザインオプションを提供していますが、独自のシェイプをアップロードして個性的なタッチを追加することもできます。レイアウトのニーズに合わせて、セクションの上部または下部、あるいはその両方にシェイプ区切りを適用することもできます。

シェイプ区切りを追加する方法:

  1. エディタにアクセスします。
  2. セクションをダブルクリックします。
  3. 「シェイプ区切り」アイコン  をクリックします。
  4. 「下」または「上」タブをクリックして、区切り線を追加する場所を選択します。
  5. セクションに追加する区切りを選択します:
    • おすすめのデザイン:パネルで利用可能なスタイルのいずれかをクリックします。
    • Wix が提供するその他のデザイン:
      1. 「+もっと見る」をクリックします。
      2. (メディアマネージャーで)「Wix 画像・動画素材」タブからデザインを選択します。
      3. 「ファイルを選択」をクリックしてセクションに適用します。
    • 独自のシェイプ区切り:
      1. 「+もっと見る」をクリックします。
      2. (メディアマネージャーで)「サイトファイル」タブから使用するシェイプを選択するか、新しいシェイプをアップロードします。
      3. 「ファイルを選択」をクリックしてセクションに適用します。
Wix エディタのセクションシェイプ区切りパネルのスクリーンショット
さらに詳しく知りたい場合:
シェイプ区切りのデザインをカスタマイズして、セクションの外観とテーマを引き立たせることができます。

Helpmate

こんにちは、さん

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