カスタムページをいちから作成し、ヘルプセンターのどこからでも、また他のWebページやアプリケーションからでもリンクさせることができます。たとえば、カスタムページを使用して、ヘルプセンター用の特別なランディングページを作成したり、Zendesk以外のソースからコンテンツを埋め込むための新しいページを作成したりできます。
この記事では、次のトピックについて説明します。
カスタムページを作成する
カスタムページを作成する方法として、Guideのテーマエディタ内でZendesk CurlybarsとHTMLマークアップを使用してページを作成およびカスタマイズする方法と、Zendeskの外で作成および開発したページをテーマの一部としてヘルプセンターにインポートする方法の2つがあります。
カスタムページは最大100個まで作成できます。
テーマエディタを使ってカスタムページを作成するには
- Guideで、サイドバーにあるデザインをカスタマイズアイコン（
）をクリックします。「テーマ」ページが開きます。
- 編集したいテーマで「カスタマイズ」をクリックします。
- 「コードを編集」をクリックします。
- 「新規追加」をクリックし、「カスタムページ」を選択します。
- 「ページ名」には、ページのファイル名を入力します。
この名前はページのURLの一部になります。
- URLフィールドの横にある「コピー」をクリックすると、URLがクリップボードに保存されます。
このURLは、他のページにリンクを追加する際に必要になります。
- 「カスタムページを追加」をクリックします。
ブランクのカスタムページが表示され、サイドバーのcustom_pagesセクションにリストされます。
ページをデザインするには、「カスタムページをデザインする」のセクションをご覧ください。
コードを使ってカスタムページを作成するには
開発者の場合は、オフラインでテーマを構築し、ZIPファイルとしてアップロードしたり、GitHubリポジトリを使用することができます。コードを使ってカスタムページを作成するには、templates/custom_pagesのディレクトリに .hbsファイルのページを作成します。「テーマをローカルで編集する方法」を参照してください。
カスタムページをデザインする
作成したカスタムページは空白のままです。カスタムページをデザインするには、Zendeskテンプレート言語（Curlybars）のほか、HTML、CSS、JavaScriptを使用することができます。
詳細については、以下のテンプレート言語のリファレンスを参照してください。
カスタムページへのリンクを貼る
ヘルプセンターのコンテンツ階層は、ヘルプセンターを構成するセクションやトピックなど、さまざまなページで構成されています。カスタムページは、この階層の外側に存在し、ユーザーが直接リンクをクリックするまで表示されません。
たとえば、「会社概要」のカスタムページを作成した場合、そのページにヘルプセンターのテンプレートや記事、ホームページなどからのリンクを追加することができます。それらのページを訪れたユーザーは、「会社概要」のリンクをクリックして、カスタムページを表示することができます。ユーザーがそのページを指すリンクにアクセスできない場合でも、検索することができます。
カスタムページのURLは、「https://{ドメイン名}/hc[/{ロケール}]/p/{ページ名}」のようなパターンになります。ロケールは任意で、ページ名には.hbsや.htmlのファイル拡張子は含まれません。ページ名は、テーマエディタのページ一覧から取得できます。「カスタムページの作成」を参照してください。
たとえば、ドメイン名がmondocam.zendesk.comで、テーマのページ名がabout_us.hbsの場合、URLは「https://mondocam.zendesk.com/hc/p/about_us」となります。
同じヘルプセンター内の他のページやテンプレートにカスタムページへのリンクを挿入したい場合は、<a href="/hc/p/about_us">About Us</a>のような相対リンクを使用できます。