Wix エディタ:セクションについて
読了時間:3分
セクションを使用すると、ページを素早く、簡単に構成することができます。これらでサイトのコンテンツを整理し、明確で包括的なデザインを作成しましょう。さまざまなレイアウトやパーツを持つ、デザイン済みのセクションが用意されているので、すぐに使い始めることができます。
![セクションごとにデザインされた Wix のライブサイト。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/6a63999e-0d81-4a41-baf1-20b54c1d9646/646263cd-6e21-4182-af6d-e8dedea2b635.png)
コンテンツを整理・分割する
セクションはページの構成要素であり、ページのコンテンツを分割して整理するために使用できます。たとえば、会社のサービス用のセクションと、連絡先情報用のセクションがあるとします。
![エディタの 2つのセクション。「お問い合わせ」セクションが選択され、ハイライトされます。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/37f49c51-8ae8-4466-91b5-8257e0619e38/e8744fdd-abd3-4ab0-a969-378607e7bd94.png)
あらかじめデザインされたセクションから始める
エディタでは、空白のセクションを追加して最初から作成することも、既製のデザインから選択することもできます。セクションはトピック(プロモーション、チーム、リストなど)別に整理されており、始めるのに役立つ厳選された要素が含まれています。
![「セクションを追加」パネル。「購読登録」タブが開いており、プリセットが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/02/3af47d07-8546-4279-af41-c8b106406c6e/098b322a-0ff2-4763-871a-c49ed615b592.png)
空白のセクションを選択する場合でも、あらかじめデザインされたセクションを選択する場合でも、必要なすべてのパーツを追加して、カスタマイズすることができます。
![エディタの「パーツを追加」パネルが開いています。カーソルが「アイコンボタン」タブにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/02/e93f6fb3-d277-41fd-b6b5-5063d1dc6c51/c88847ad-8220-4c43-97ad-f6d19046c539.png)
ご存知でしたか?
セクションは訪問者のブラウザの全幅にまたがり、訪問者がモバイル端末でサイトを閲覧するときにグループ化を維持します。
ニーズに合わせてセクションをデザインする
サイトに追加するセクションは、あらかじめデザインされたものでも、空白のセクションでも、カスタマイズすることができます。背景とサイズを選択して希望通りの見た目にし、スクロールエフェクトを追加してユニークで目を引くコンテンツを作成しましょう。セクションのカスタマイズについての詳細はこちら
![エディタのセクション。「セクションの背景」パネルが開いています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/02/a4aa23b6-24fb-4de1-a3dc-57c5977a1420/4fe313bf-bd00-42a3-a946-4554041edf7c.png)
セクションをモバイルに合わせて調整する
デスクトップに追加したセクションは、自動的にモバイルサイトに表示されます。ただし、モバイルサイトに表示される順序を変更したり、特定のセクションを非表示にすることもできます。これらの変更は、サイトのデスクトップ版には影響しません。
モバイルでセクションを並べ替えることで、訪問者が最初に目にする情報を指定してカスタマイズすることができます。たとえば、ビジネスの電話番号をホームページの上部に移動してハイライトすることができます。
モバイルサイトの訪問者に関係のないセクション情報がある場合は、完全に非表示にすることができます。また、必要に応じてセクションを再度表示することもできます。モバイルサイトのセクションについての詳細はこちら
![モバイルエディタでハイライトされたセクション。セクションを下に移動させるため、カーソルがオプションにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/02/3e3ae57f-2c8f-4a09-b3f9-9a1086e9faed/247128ac-9f86-4218-9c40-5230b7fb5db3.png)
始める準備はできましたか?
エディタ左で「セクションを追加」
をクリックして、サイトにセクションを追加・設定します。 セクションの追加についての詳細はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/6c7ba228-57cb-4435-9a60-561d206cc74b/48d7ab00-3a02-406c-8e03-0944d3cab341.png)