# ページ

ページとは、コンテンツを追加、編集、埋め込みできる場所です。ページは常に [スペース](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/space)の中にあり、関連するコンテンツをまとめたり、扱うトピックや領域ごとに異なるセクションを作成したりできます。

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

### 目次

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

{% hint style="info" %}

### Docsサイトのランディングページ

目次の最初のページは、目次で非表示になっていても、常にスペースのランディングページになります。
{% endhint %}

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

のとき、 [ライブ編集](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits) モードまたは [変更リクエスト](https://gitbook-v2-q67etdj25-gitbook.vercel.app/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-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits) がスペースで無効になっている場合は、 [変更リクエスト](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests)を作成するか編集する必要があります。変更リクエストに入ると、 **新しいページ** ボタン（ページ、ページグループ、リンクを作成できます）が目次で利用可能になります。

あるいは、適切な [権限](https://gitbook-v2-q67etdj25-gitbook.vercel.app/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> を開き、 **タイトルとスラッグを編集**を開きます。 **ページを編集** ダイアログで、そのページのリンクタイトルを有効にして設定するオプションがあります。

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

```markdown
# 目次

* [ページのメインタイトル](page.md "ページリンクのタイトル")
```

{% 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つのレイアウトプリセットから選ぶことも、カスタムレイアウトを作成することもできます。

各レイアウトプリセットでは、次のページ要素を個別にオン/オフできます：

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

ページには **ライブラリ** → **タグ**から1つ以上のタグを付けることができます。 **ページにタグを表示** を有効にすると、ページヘッダーに表示されます。また、1つのタグをページの主要タグとして選ぶこともできます。GitBookでは、目次のページの横にそのタグを表示できます。詳細は [タグ](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/page/tags).

から確認できます。また、このメニューからページの全幅も設定できます。 **ワイド** を選ぶと、 **全幅** オプションをサポートするブロック（表、カード、コードブロックなど）が自動的に広がり、ページ公開時により多くのスペースを使えるようになります。目を引くランディングページを作成するのに最適です。

#### 表示設定

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

ページの **アクションメニュー** <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を使用している場合、非表示にすると次の内容がMarkdownファイルのフロントマターに表示されます：

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

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

使用 **ページオプション → メタデータ** を使って、検索エンジンが類似ページ間の関係を理解する方法を制御できます（例：ドキュメントのバージョンや [コンテンツバリアント](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/variants)).

* **正規URL**：このページの優先される（権威ある）URL。検索エンジンはこれを「真実のソース」として扱います。複数のURLで同じコンテンツが表示される場合に使用します。
* **代替URL**：別のバリエーションにある同じコンテンツの他のURL。たとえば、別のバージョンや言語です。重複として扱うのではなく、検索エンジンがバリエーションをまとめるのに役立ちます。

どちらのフィールドでも、別のGitBookページ（推奨）を選択するか、外部URLを入力できます。

{% hint style="info" %}
バージョン管理されたドキュメントでは、古いページを最新の対応ページに対する正規URLに設定し（例： `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> オプションをクリックすると、既定のカバーがすぐに追加されます。そこから次のことができます：

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

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

  ページカバーにカーソルを合わせて **アクションメニュー** <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>の上部近くにある組織切り替えトグルをクリックし、次に **削除**.
* **全幅とヒーロー幅**\
  ページカバーのスタイルを、画面全体の幅に広げるか、コンテンツの幅のみにするか変更できます。ページカバーにカーソルを合わせて **アクションメニュー** <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>を開き、メニューから希望のオプションを選択します。
