Wix Studio エディタ:マスターセクションを使用する
読了時間:7分
コピー&ペーストすることなく、同じコンテンツを複数のページに簡単に表示することができます。任意のセクションをマスターとして設定し、追加するページを選択します。マスターセクションに加えた変更は、マスターセクションが表示されるすべてのサイトページに適用されます。
![Wix Studio エディタサイトのマスターヘッダーの例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/03/08/0fca6d65-281e-4d17-80c8-f4e06a884250/63ae6883-62e6-499b-aa0d-cc4aab579556.png)
ヒント:
マスターセクションにマウスオーバーすると、緑色でオーバーレイ表示されるため、すぐにマスターセクションかどうかを見分けることができます。
この記事では、以下の項目について説明します:
マスターセクションを設定する
Wix Studio サイトには、デフォルトですべてのページに表示されるマスターヘッダーとマスターフッターが設けられています。ただし、ヘッダーとフッター以外のセクションを複数のページに表示したい場合は、他のセクションをマスターとして設定することができます。
マスターセクションとして設定できるセクション
マスターセクションを設定する方法:
- エディタで該当するセクションを選択します。
- 「その他のアクション」アイコン
をクリックします。
- 「マスターセクションに設定」をクリックします。
- 該当するオプションを選択します:
- ヘッダー:ページの上部に表示されるセクション。
- セクション:ページの中央(ヘッダーとフッターの間)に表示されるセクション。
- フッター:ページの下部に表示されるセクション。
- マスターセクションの名前を入力します。
![セクションを選択してマスターセクションに設定する方法を示したスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/162989b2-7d4c-49a9-8ede-b96742961041/7ebce667-5356-4597-ada1-2b47e844b97d.png)
マスターセクションを管理する
サイトのマスターセクションを一か所で確認・管理します。マスターセクションパネルから、名前を変更したり、セクションを複製したり、マスターセクションが表示されていないページに追加したりできます。また、不要になったマスターセクションを削除することもできます。
マスターセクションを管理する方法:
- エディタ左側で「マスターセクション」
をクリックします。
- マスターセクションにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 次に実行する内容を選択します:
- 編集:マスターセクションのコンテンツ、デザイン、レイアウトを編集します。
注意:変更を加えると、このマスターセクションが表示されるすべての場所に適用されます。 - ページに追加:このマスターセクションを複数のサイトページに同時に追加します。
- 名前を変更:マスターセクションの名前を変更します。
- 複製:マスターセクションのコピーを作成します。これは、既存のデザインを複製したい場合に便利です。
- 削除:不要なマスターセクションを削除します。
注意:これにより、サイトからこのマスターセクションが削除されます。
- 編集:マスターセクションのコンテンツ、デザイン、レイアウトを編集します。
![パネルでマスターセクションを選択した際に表示される管理オプションのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/1aa10d97-28a8-42f8-a0ce-2bbbfce60180/a47cc3ff-39d2-45d7-a484-f89462e3847a.png)
ヒント:
マスターセクションを画面に固定すると、訪問者がページを上下にスクロールしても、常にそのセクションを同じ位置に表示させることができます。これは、たとえばメニューを目立たせたり、スクロール中に表示したいバナーがある場合などに最適です。
別のページにマスターセクションを表示する
セクションをマスターとして設定したら、それを他のページに追加します。「マスターセクション」パネルでは、現在のページに表示されているセクションの横にチェックマーク
が表示されます。ここで、表示されていないセクションを確認して、ページにそのセクションを追加することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/02/22/3b7ed616-f606-4441-9649-1fac227a9490/2aa9c404-b7f3-4821-958e-0490ee526b20.png)
![マスターセクションパネルで、ヘッダーの横にチェックマークが表示され、ページにないセクションを追加するオプションが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/c5f34790-862d-4ac1-8033-7c2165509542/3ff6b7d2-4eb7-4004-8b25-d9006d293abe.png)
始める前に:![セクションをクリックした後、「マスターセクション」パネルに表示される小さなプレビュー](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/9d71def6-abd5-4379-b4bd-944610a54e38/e177d080-a2d4-480b-b426-9eee7ca187ed.png)
パネル内のセクションをクリックして、ページに追加する前にプレビューを確認します。
![セクションをクリックした後、「マスターセクション」パネルに表示される小さなプレビュー](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/9d71def6-abd5-4379-b4bd-944610a54e38/e177d080-a2d4-480b-b426-9eee7ca187ed.png)
別のページにマスターセクションを表示する方法:
- マスターセクションを追加したいページに移動します。
- エディタ左側で「マスターセクション」
をクリックします。
- マスターセクションを追加する場所を選択します:
- 現在のページに追加する:該当するセクションにマウスオーバーし、「ページに追加」をクリックします。
- 複数のページに追加する:
- 該当するセクションにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 「ページに追加」をクリックします。
- 該当するページの横にあるチェックボックスを選択します。
- 「適用」をクリックします。
- 該当するセクションにマウスオーバーし、「その他のアクション」アイコン
- マスターセクションをページの適切な場所に移動させます:
- エディタ左側で「レイヤー」
をクリックします。
- セクションを希望の場所にドラッグします。
- エディタ左側で「レイヤー」
ヒント:
マスターヘッダーまたはマスターフッターは、常にページの上部または下部に表示されます。その他のマスターセクションは、すべてのページで好きな場所に配置することができます。
マスターバージョンからセクションを切り離す
マスターセクションに加えた変更は、マスターセクションが表示されるすべての場所に適用されます。残りのページに影響を与えず、単一ページのセクションに変更を加えたい場合は、その特定のセクションをマスターバージョンから切り離すことができます。
この場合、マスターセクション自体はサイトに残りますが、そのページとマスターセクションとの繋がりが解除され、ページ上の通常のセクションとして扱われるようになります。
セクションを切り離す方法:
- エディタで該当するセクションを選択します。
- 「その他のアクション」アイコン
をクリックします。
- 「マスターセクションから切り離す」をクリックします。
![マスターバージョンから切り離した、キャンバス上のマスターセクションのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/12/fe38f1a1-a742-41ba-b308-3f211203a3d7/c43c2287-9eb3-4e03-bb5b-a12080b8fb58.png)
よくある質問
Wix Studio エディタでのマスターセクションの使用に関する詳細については、以下の質問をクリックしてください。
マスターヘッダー / マスターフッターを設定できないのはなぜですか?
マスターセクションにブレイクポイントを定義する必要がありますか?
マスターセクションからセクションを切り離しました。再度追加することはできますか?