# ページ

ページとは、コンテンツを追加、編集、埋め込みできる場所です。ページは常に [スペース](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/space)の内側に存在し、関連するコンテンツをグループ化して扱っているトピックや領域ごとに異なるセクションを作成できます。

ドキュメントを公開すると、各スペースはそれぞれ独自の [ドキュメントサイト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/publish-a-docs-site) または [サイトセクション](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/site-sections)になり、スペース内のページはすべてそのサイト上に表示されます。

### 目次

スペース内には必要なだけページを作成できます。これらはすべて、スペースの左サイドバーに表示されます（画面の左側）。 [の目次](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/rissu/gitbook-ui#table-of-contents)目次はスペースを公開したときに同じ場所に表示されます。ただし、 [を選択すると非表示にできます](#page-options).

{% hint style="info" %}

### ドキュメントサイトのランディングページ

目次の最初のページは、たとえ目次から隠されていても常にスペースのランディングページになります。
{% endhint %}

### 新しいページを作成する

モードのときや [ライブ編集](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits) のときには、 [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests)をクリックして新しいページを作成できます。 **新規追加...** > **ページ** 目次の一番下にあるボタンをクリックします。あるいは、目次内でページ間にカーソルを合わせて表示される **+** アイコンをクリックすることでも作成できます。

<figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FP0V046UJgzgtkrD1NiQG%2Fcreating-content-content-structure-page%402x%20(1).png?alt=media&#x26;token=69805dbf-4ce7-4a6b-ac4d-43fc958d62c4" alt="A GitBook screenshot showing an empty page listed in the table of contents"><figcaption><p>GitBook の空のページ。左側の目次に一覧表示されているのが見えます。</p></figcaption></figure>

### 新しいページを作成するオプションが見当たりませんか？

{% hint style="warning" %}
もし [ライブ編集](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits) がスペースで無効になっている場合は、まず [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests)を作成または編集する必要があります。変更リクエストに入ると、 **新しいページ** ボタン（ページ、ページグループ、リンクを作成できるボタン）が目次で利用可能になります。

あるいは、ページを編集するための適切な [権限](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/akaunto/member-management/permissions-and-inheritance) 権限がない可能性があります。
{% endhint %}

### コンテンツの整理

目次でコンテンツを整理する方法は3つあります：

#### ページ

ページにはタイトル、任意の説明、およびあらゆる種類のコンテンツを書き追加できる領域があります。‌

目次であるページを別のページの下にドラッグ＆ドロップすることで、ページを入れ子にできます。これにより **サブページ**.

が作成されます。空の親ページにサブページを追加すると、GitBook は公開版のドキュメントでサブページへのリンクを含む「目次」ページを自動生成します。

{% hint style="info" %}
**ヒント：** ページの入れ子に制限はありませんが、ナビゲーションが複雑になりすぎないように、3レベル以上の入れ子は避けることをお勧めします。
{% endhint %}

ページのタイトルを変更すると、ページのスラッグ（URLの末尾の部分、例： `/hello-world`）も変更されます — ただし以前に手動でスラッグを設定している場合は例外です。

ページのタイトル、リンク用タイトル、スラッグはいつでもページの **「アクションメニュー」** <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> を開き、 **「タイトルとスラッグを編集」**.

#### **から変更できます。**

ページの SEO に適した長いタイトルを付けつつ、ナビゲーションやリンク用には短いタイトルを保持したい場合は、リンク用タイトルを任意で定義できます。

ページの **「アクションメニュー」** <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> を開き **「タイトルとスラッグを編集」**&#x3092;開いてください。の中の **「ページを編集」** ダイアログで、そのページのリンクタイトルを有効にして定義するオプションが見つかります。

Git Sync を使用している場合、ページのリンクタイトルはページの `SUMMARY.md` ファイルに設定されます：

```markdown
# 目次

# Summary
```

{% hint style="info" %}
**注意：** ページリンクタイトルは目次、各ページ下部のページ送りボタン、およびそのページに追加する相対リンクで使用されます。
{% endhint %}

ページリンクタイトルは任意です — 手動で追加しない場合、デフォルトでページの通常のタイトルが使用されます。

#### ページグループ

ページグループを使うと、関連するコンテンツを扱うセクションとしてページをまとめることができます。

目次の一番下にある **新規追加...** > **「グループ」** をクリックして新しいページグループを作成できます。

ページグループは目次の **トップレベル** にのみ配置できます。ページグループの中にさらにページグループを入れ子にすることはできません。

ページグループのタイトルとスラッグを変更するには、目次でグループタイトルの横にある **「アクションメニュー」** icon <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> をクリックして、 **ページアクション**.

#### 外部リンク <a href="#external-links" id="external-links"></a>

を選択します。

また、目次にリンクを追加することもできます。リンクをクリックすると、リンク先のコンテンツに直接移動します。 **新規追加...** > **「外部リンク」** をクリックして新しいページグループを作成できます。

### をクリックして新しい外部リンクを作成します。

ページアイコンと絵文字

目次をざっと見ている読者の視認性を高めるために、個々のページに任意でアイコンや絵文字を追加できます。アイコンや絵文字は目次に表示され、ページ上部のタイトル横にも表示されます。 **アイコンや絵文字を追加するには、ページタイトルにカーソルを合わせたときに表示される** 「アイコンを追加」

### かによって異なります。

で、 **かによって異なります。** ボタン、またはタイトルの左にある絵文字ボタンをクリックします。

#### **メニューでは、スペース内で選択したページの外観や表示方法をカスタマイズし、その可視性を制御できます。**

を開くには、 **かによって異なります。** <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%2FAsao5RY8jwAmcYhpVwPI%2Foptions.svg?alt=media&#x26;token=d962d9a8-0cd6-42e7-a7b7-50c68a74dfea" alt="The Page options menu icon in GitBook"></picture> レイアウト

で、 **かによって異なります。** メニューからページタイトルにカーソルを合わせてページのカバーを変更できます。ボタンはページタイトルのすぐ上に表示されます。 **公開されている** サイドパネルでは、訪問者に対して各ページがどのように表示されるかを選択できます。レイアウトのプリセットが3つ用意されており、カスタムレイアウトを作成することも可能です。

各レイアウトプリセットはページの以下の要素のオン/オフを切り替えます：

* ページタイトル
* ページの説明
* 目次
* ページアウトライン
* 前/次へのリンク
* ページのメタデータ

このメニューからページのグローバル幅も設定できます。「 **ワイド** 」を選択すると、テーブル、カード、コードブロックなど **全幅** オプションに対応したブロックが自動的に幅広になり、公開時によりスペースが与えられます。ランディングページを魅力的に作るのに最適です！

#### 表示設定

公開されたドキュメントでどのページを表示/非表示にするか、またそのページを公開ドキュメントの検索にインデックスさせるか、検索エンジンにインデックスさせるかを決めることができます。

サイトの目次からページやページ群を非表示にするには、ページの **操作メニュー** <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> を開いて **「ページを非表示」**.

を切り替えます。非表示にすると、Git Sync を使用している場合、マークダウンファイルのフロントマターに以下が表示されます：

<pre class="language-markdown" data-title="page.md"><code class="lang-markdown">---
hidden: true
<strong>---
</strong></code></pre>

#### メタデータ（SEO）

次を使用します： **ページオプション → メタデータ** で、類似ページ間の関係（例：ドキュメントのバージョンや [コンテンツバリアント](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/variants)).

* **正規の URL（Canonical URL）**：このページの推奨（権威ある）URL。
* **代替 URL（Alternate URLs）**：異なるバリアントで同じコンテンツを表す他のページ。

両方のフィールドは、別の GitBook ページを選択する（推奨）か、外部 URL を入力することができます。

{% hint style="info" %}
バージョン管理されたドキュメントの一般的なパターンとして、古いページを最新の同等ページの正規ページに設定し（例： `1.0` → `2.0`）、次に最新ページに古いバージョンを代替として列挙する方法があります。
{% endhint %}

### ページカバー

各ドキュメントページにページカバーを設定することもできます。をクリックすると、 **「ページカバー」** <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%2FI1Q5rfhHgy0toM2pUEH5%2Fimage.svg?alt=media&#x26;token=a3cf4181-880b-4698-9a1b-1a99f48bb03b" alt="The Page cover icon in GitBook"></picture> オプションでデフォルトのカバーが即座に追加されます。ここから次のことができます：

* **カバー画像を変更する**

  ページカバーにカーソルを合わせて **「カバーを変更」**&#x3092;クリックし、画像を選択またはアップロードします。現在のページカバーの表示方法に基づくと、1990x480 ピクセルが理想的なサイズです。
* **カバー画像の位置を再調整する**

  ページカバーにカーソルを合わせて **操作メニュー** <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>を開きます。をクリックして **「位置を再調整」**&#x3092;選び、画像をドラッグして希望の位置に調整し、クリックします。 **保存**.
* **カバー画像を削除する**\
  ページカバーにカーソルを合わせて **操作メニュー** <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%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture>を開き、メニューから希望のオプションを選択します。
