# スプラッシュページ

このセクションは、スプラッシュページのセットアップ方法を説明するものです。スプラッシュページを使用すれば、ネットワーク利用者がインターネットに接続する前にカスタムページを見せることができます。

スプラッシュページを設定する前に、「**キャプティブポータル**」が有効になっていることを確認してください。

**外部スプラッシュページURL**：外部スプラッシュページでは、管理者は独自のWebサーバーでスプラッシュページをホストでき、KOKOMO Cloud側でホストする必要がありません。

**ローカルスプラッシュページ**：ローカルスプラッシュページでは、アクセスポイント内部でホストされるスプラッシュページ用HTMLを提供します。例えば、独自のスプラッシュページをカスタマイズ可能です。

<figure><img src="/files/OcSqYj6y4rCfQklXUBYy" alt="" width="563"><figcaption></figcaption></figure>

スプラッシュページの設定後は、「**適用する**」をクリックしてください。

### WYSIWYGエディタの利用 <a href="#using-the-wysiwyg-editor" id="using-the-wysiwyg-editor"></a>

エディタ上部のドロップダウンメニューから各種テンプレートを選択できます。

テンプレートを選択すると、メッセージ、色、フォント、画像などをカスタマイズできます。KOKOMOではWYSIWYG（what-you-see-is-what-you-get：見たまま）エディタを採用し、HTML編集にも対応しています。&#x20;

上部ツールバーの標準編集ツールの他、HTMLアイコンをクリックして編集を開始できます。

<div align="left"><img src="/files/-M4HKVBtuBaiLW2xeCiM" alt=""></div>

<figure><img src="/files/RU5XBACy4KCkQIBLA6QU" alt=""><figcaption></figcaption></figure>

#### テンプレートの選択 <a href="#choosing-a-starting-template" id="choosing-a-starting-template"></a>

エディタ上部のドロップダウンからテンプレートを選んでください。ご要望に応じてテンプレートの内容やデザインをカスタマイズできます。編集内容はテンプレートのコピーに反映されるため、いつでもデフォルトに戻すことが可能です。

#### 画像の追加・編集 <a href="#adding-and-modifying-images" id="adding-and-modifying-images"></a>

各スプラッシュページテンプレートにはストック画像が付属しています。また、「**画像を挿入する**」ツールを使って画像やロゴの追加もできます。

1. 「**画像を挿入する**」ボタンをクリックし、ファイルを選択またはドラッグ＆ドロップして「画像をアップロード」します。

<figure><img src="/files/iFsdmvBgdtFxNS69vqU6" alt=""><figcaption></figcaption></figure>

2. 画像をダブルクリックするか、「Insert」アイコンをクリックすると画像が追加されます。 &#x20;

<figure><img src="/files/hHPGog1vjzkDekMyzu93" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.lan.kokomocloud.com/configuring-networks/configuring-access-points/configuring-ssids/configuring-splash-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.