現在のプランを確認
Suite EnterpriseまたはEnterprise Plus
Support + Guide Enterprise
メモ:Suite GrowthおよびSuite Professional、またはSupport + Guide Professionalでは、カスタムページを追加するオプションがありますが、使用することはできません。このようになっているのは、カスタムページが含まれているテーマをマーケットプレイスから購入してインストールできるようにするためです。
独自のカスタムページを作成して、ヘルプセンターのテーマに追加することができます。カスタムページは、セクションやトピック内には表示されませんが、ユーザーをページに誘導するための独自のURLがあります。ページを作成する時に、特定のURLを割り当てることができます。

カスタムページをいちから作成し、ヘルプセンターのどこからでも、また他のWebページやアプリケーションからでもリンクさせることができます。たとえば、カスタムページを使用して、ヘルプセンター用の特別なランディングページを作成したり、Zendesk以外のソースからコンテンツを埋め込むための新しいページを作成したりできます。

この記事では、次のトピックについて説明します。

  • カスタムページを作成する
  • カスタムページをデザインする
  • カスタムページへのリンクを貼る

カスタムページを作成する

カスタムページを作成する方法として、テーマエディター内でZendeskのテンプレート言語とHTMLマークアップを使用してページを作成およびカスタマイズする方法と、Zendeskの外部で作成および開発したページをテーマの一部としてヘルプセンターにインポートする方法の2つがあります。

カスタムページは最大100個まで作成できます。

テーマエディタを使ってカスタムページを作成するには

  1. ナレッジベース管理者で、サイドバーにあるデザインのカスタマイズ()をクリックします。

    「テーマ」ページが開きます。

  2. 編集したいテーマで「カスタマイズ」をクリックします。
  3. 「コードを編集」をクリックします。

  4. 「新規追加」をクリックし、「カスタムページ」を選択します。

  5. 「ページ名」には、ページのファイル名を入力します。

    この名前はページのURLの一部になります。

  6. URLフィールドの横にある「コピー」をクリックすると、URLがクリップボードに保存されます。

    このURLは、他のページにリンクを追加する際に必要になります。

  7. 「カスタムページを追加」をクリックします。

    ブランクのカスタムページが表示され、サイドバーの custom_pages セクションにリストされます。

    ページをデザインするには、「カスタムページをデザインする」のセクションをご覧ください。

コードを使ってカスタムページを作成するには

開発者の場合は、オフラインでテーマを構築し、ZIPファイルとしてアップロードしたり、GitHubリポジトリを使用することができます。コードを使ってカスタムページを作成するには、templates/custom_pagesのディレクトリに .hbsファイルのページを作成します。「テーマをローカルで編集する方法」を参照してください。

カスタムページをデザインする

作成したカスタムページは空白のままです。カスタムページをデザインするには、Zendeskテンプレート言語(Curlybars)のほか、HTML、CSS、JavaScriptを使用することができます。

詳細については、以下のテンプレート言語のリファレンスを参照してください。

  • ヘルプセンターのテンプレート言語のレシピ集
  • ヘルプセンターのCSSレシピ集
  • ヘルプセンターのJavaScriptレシピ集
  • ヘルプセンターテンプレート言語の使用
  • 開発者向けテンプレートAPIドキュメント - はじめに
  • 開発者向けテンプレートAPIドキュメント - ヘルパー

カスタムページへのリンクを貼る

ヘルプセンターのコンテンツ階層は、ヘルプセンターを構成するセクションやトピックなど、さまざまなページで構成されています。カスタムページは、この階層の外側に存在し、ユーザーが直接リンクをクリックするまで表示されません。

たとえば、「会社概要」のカスタムページを作成した場合、そのページにヘルプセンターのテンプレートや記事、ホームページなどからのリンクを追加することができます。それらのページを訪れたユーザーは、「会社概要」のリンクをクリックして、カスタムページを表示することができます。ユーザーがそのページを指すリンクにアクセスできない場合でも、検索することができます。

カスタムページの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>のような相対リンクを使用できます。

Powered by Zendesk