# サイトセクション

<figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FAfqBhbHbvEllbHg6s9I0%2Fsite_sections%402x.png?alt=media&#x26;token=40811255-7158-49fb-9938-7ebb878b5296" alt="A GitBook screenshot showing site sections on a docs site"><figcaption><p>サイトセクション付きの GitBook サイトの例</p></figcaption></figure>

サイトセクションを使うと、すべてのドキュメントを一元化し、ユーザーにシームレスな体験を提供できます。

サイトセクションは、ドキュメントを整理するのに最適です。個別の製品を管理している場合でも、エンドユーザーと開発者の両方に向けて、それぞれに合わせた内容を提供している場合でも活用できます。

また、 [サイトセクションをまとめてグループ化する](#create-a-site-section-group)こともできます。そうすると、ナビゲーションバーにドロップダウンメニューが作成され、サイトセクションに階層を追加するのに最適です。

{% hint style="info" %}

#### セクション、それともバリアント？

各サイトセクションは GitBook のスペースです。好きなスペースからサイトセクションを作成できますが、ドキュメントの意味的に異なる部分としてセクションを使うことをおすすめします。

同じコンテンツのバリエーション、たとえばローカライズ版や同じ製品の過去バージョンを追加したい場合は、代わりに [コンテンツバリアント](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/variants) の使用を検討してください。
{% endhint %}

### ドキュメントサイトにセクションを追加する

ドキュメントサイトのダッシュボードから **設定** タブをサイトヘッダーで開き、次に **構造**。ここでサイトのすべてのコンテンツを確認できます。

サイトセクションを追加するには、 **新しいセクション** ボタンを表の下でクリックし、セクションとしてリンクするスペースを選択します。新しいセクションは表に追加され、サイト上部のタブとして訪問者が利用できるようになります。

<figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FF2eMGMOFBOtjgd2ELMXE%2Fstructure%20tree%402x.png?alt=media&#x26;token=83fe9dd0-bbfd-42a7-954c-52d895eae78a" alt="A GitBook screenshot showing site section structure"><figcaption><p>サイトセクションでドキュメントに構造を追加しましょう。</p></figcaption></figure>

### サイトセクショングループを作成する

サイトセクションは、1つの見出しの下にまとめることができます。サイトセクショングループは、サイトのナビゲーションにドロップダウンとして表示されます。グループ内のサイトセクションには、任意で説明を追加することもでき、ドロップダウンメニュー内でセクションタイトルの下に表示されます。

グループを作成するには、 **新しいセクション** ボタンの横にある矢印をクリックして、 **新しいセクショングループ**を選択します。新しいグループに名前を付け、モーダル内で **セクションを追加** をクリックして、グループにセクションを追加します。サイト内の既存のセクションを新しいグループに追加することも、メニューを使って追加したい別のスペースを選択することもできます。

サイトが複数の言語をサポートしている場合は、セクションタイトルや説明とあわせて、セクショングループのタイトルも翻訳できます。参照 [多言語セクション](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/site-structure/multilingual-sections).

### セクションを編集する

編集したいセクションのテーブル行にある <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FA3OfGjPkE5GnOQvN36jN%2Fedit.svg?alt=media&#x26;token=6f70239f-d889-4e64-9ec6-4801df47a48d" alt="The Edit icon in GitBook"></picture> **編集** ボタンをクリックすると、各セクションの名前、アイコン、スラッグを変更できます。モーダルが開くので、変更したい項目を編集してから、 **保存** ボタンをクリックします。また、 **バリアントを削除** ボタンを左下でクリックして、バリアントを削除することもできます。

{% hint style="info" %}
セクションのスラッグを変更すると、その正規URLも変更されます。GitBook は古い URL から新しい URL への自動リダイレクトを作成します。また、 [リダイレクトを手動で作成することもできます](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-redirects).
{% endhint %}

グループ内のサイトセクションには、任意で説明を表示することもでき、セクショングループにホバーすると、サイトのナビゲーションバーのドロップダウンメニューに表示されます。公開済みドキュメントでの表示例については、このページ上部の画像を参照してください。

サイトが複数の言語をサポートしている場合は、読者が選択した言語に合わせてセクションタイトルや説明を翻訳できます。参照 [多言語セクション](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/site-structure/multilingual-sections).

### セクションの並べ替え

サイトには、Site structure テーブルに表示されている順序でセクションが表示されます。セクションは、 **ドラッグハンドル** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FaS1QvPIBVYwhpFTGcPBN%2Foptions-menu.svg?alt=media&#x26;token=3ee40bbf-f4fb-41fa-aa30-306b559cbe88" alt="The Options menu icon in GitBook"></picture> をつかんで上下に移動することで並べ替えられます。そのセクション内のすべてのスペースも一緒に移動します。変更後の順序は、すぐにサイトに反映されます。

キーボードを使ってコンテンツを選択・移動することもできます。スペースバーでセクションを選択し、矢印キーで上下に移動します。もう一度スペースバーを押して、新しい位置を確定します。

### デフォルトセクションを設定する

サイトに複数のセクションがある場合、そのうち1つがデフォルトとしてマークされます。このセクションは、訪問者がサイトにアクセスしたときに表示され、サイトのルートURLから配信されます。他の各セクションにはスラッグがあり、ルートURLの後ろに追加されます。

セクションをデフォルトに設定するには、 **アクションメニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> セクションのテーブル行にあるをクリックしてから、 **デフォルトに設定**.

### セクションを削除する

サイトからセクションを削除するには、 **設定** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FwkBqgOPry9HAcW4cxJk0%2Fsettings.svg?alt=media&#x26;token=67bdbb00-ebf3-4a2d-9df8-0c822406f71c" alt="The Settings icon in GitBook"></picture> ボタンをドキュメントサイトのダッシュボードでクリックしてから、 **構造** をクリックして削除したいコンテンツを見つけます。削除したいセクションの横にある **編集** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FA3OfGjPkE5GnOQvN36jN%2Fedit.svg?alt=media&#x26;token=6f70239f-d889-4e64-9ec6-4801df47a48d" alt="The Edit icon in GitBook"></picture> ボタンをクリックし、次にモーダルの左下にある **削除** ボタンをクリックします。これにより、そのセクションとその中のすべてのバリアントが公開サイトから削除されます。ただし、スペース自体やその中のコンテンツは削除されません。

サイトからセクションを削除するには、 **設定** タブを開き、次に **構造** をクリックして削除したいコンテンツを見つけます。

を開き **アクションメニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> 削除したいスペースの **削除**.

{% hint style="success" %}
サイトからセクションを削除すると、そのセクションとその中のすべてのバリアントが公開サイトから削除されますが、 **スペースやその中のコンテンツは削除されません**.
{% endhint %}
