Zendesk Guideで複数のテーマバージョンを管理する方法

Stevia Putri
Written by

Stevia Putri

Reviewed by

Stanley Nicholas

Last edited 2026 2月 25

Expert Verified

Zendesk Guideで複数のテーマバージョンを管理する方法のバナー画像

Zendeskヘルプセンターを管理している場合、おそらくこのようなシナリオに遭遇したことがあるでしょう。新しいデザインをテストしたいが、ライブサイトを壊すリスクは冒せない。あるいは、コンテンツの種類によって異なるレイアウトが必要になるかもしれません。そこで、Zendesk Guideで複数のテーマバージョンを管理する方法を理解することが不可欠になります。

Zendesk Guideは、テーマ管理のための強力なツールを提供しますが、その用語は混乱を招く可能性があります。「テーマバージョン」と「テンプレートバージョン」の違いは何でしょうか?顧客に影響を与えずに変更を安全にテストするにはどうすればよいでしょうか?そして、コンテンツ側を処理するためにAIツールを導入することを検討すべきなのはいつでしょうか?

詳しく見ていきましょう。

テンプレートAPIとカスタムテーマファイル間の階層を理解することで、安定したスケーラブルなヘルプセンターのデザインが保証されます。
テンプレートAPIとカスタムテーマファイル間の階層を理解することで、安定したスケーラブルなヘルプセンターのデザインが保証されます。

Zendesk Guideのテーマバージョンについて

まず、人々を混乱させるいくつかの用語を明確にしましょう。

テンプレートバージョン(テンプレートAPIとも呼ばれます)は、Zendeskがヘルプセンターをレンダリングするために使用する基盤となるフレームワークバージョンです。これらは車のエンジンのようなものだと考えてください。2014年以降、4つのバージョンがリリースされています。

バージョンリリース日主な変更点
v12014年11月20日初回リリース
v22020年2月24日大幅なアーキテクチャのアップデート
v32023年6月1日機能とパフォーマンスの向上
v42024年7月2日最新の機能と改善

テーマバージョンは、実際のカスタムテーマ、つまりヘルプセンターの外観を制御するファイルとテンプレートです。アカウントに複数のテーマ(ライブ、ドラフト、バックアップ)を持つことができ、必要に応じてそれらを切り替えることができます。

要するに、テンプレートバージョンはZendeskによって制御され、利用可能な機能を決定します。テーマバージョンはユーザーによって制御され、顧客に表示されるものを決定します。

複数のテーマバージョンが必要になるのは、次のような場合です。

  • ライブに移行する前に再設計をテストする
  • 季節ごとのバリエーションを作成する(ホリデーテーマ、プロモーション期間)
  • 開発用のステージング環境を維持する
  • 異なるレイアウトでA/Bテストを実行する
  • 安定したテーマのロールバックコピーを保持する

そして、ヘルプセンターの外観を最適化する際には、コンテンツについても忘れないでください。Zendeskとシームレスに統合して、ヘルプセンターの記事を管理および改善するのに役立ちます。

Zendeskのランディングページのスクリーンショット。
Zendeskのランディングページのスクリーンショット。

開始するために必要なもの

テーマ管理に入る前に、適切な設定になっていることを確認してください。

必須:

  • Zendesk Suite Growth、Professional、Enterprise、またはEnterprise Plus
  • またはGuide Professional/Enterprise(Supportを個別に使用する場合)
  • 知識管理者権限

オプションですが推奨:

  • ローカル開発環境(テキストエディタ/IDE (Integrated Development Environment))
  • バージョン管理のためのGit
  • ローカルテスト用のZendesk Theme Previewツール
  • 安全なテストのためのサンドボックス環境

Guide Enterpriseを使用している場合は、記事、セクション、およびカテゴリの複数のテンプレートにアクセスできます(コンテンツタイプごとに最大100個の追加テンプレート)。Guide Professionalでは、複数のテンプレートを作成できますが、テスト目的でのみライブではないテーマでのみ可能です。

ステップバイステップ:複数のテーマの管理

ステップ1:テーマエディタにアクセスする

Zendesk管理パネルで、知識管理 > デザインのカスタマイズに移動します。これにより、現在のライブテーマとライブラリ内の他のテーマを表示できる[テーマ]ページが開きます。

ページ要素のカスタマイズと変更の公開のオプションを表示するZendeskのテーマエディタインターフェイス。
ページ要素のカスタマイズと変更の公開のオプションを表示するZendeskのテーマエディタインターフェイス。

テーマエディタはコントロールセンターです。ここから、既存のテーマをカスタマイズしたり、新しいテーマを追加したり、ライブテーマを切り替えたりできます。始めたばかりの場合は、デフォルトのCopenhagenテーマが表示されます。

ステップ2:新しいテーマを作成またはインポートする

テーマを追加するには、3つのオプションがあります。

  1. マーケットプレイスから:Zendeskおよびサードパーティの開発者からの既成のテーマを参照します。
  2. 既存のものを複製:現在のテーマをコピーして開始点として使用します。
  3. インポート:ローカルで開発したテーマのZIPファイルをアップロードします。

「テーマを追加」ボタンと、新しいテーマの管理および追加のオプションを表示するZendeskのテーマページ。
「テーマを追加」ボタンと、新しいテーマの管理および追加のオプションを表示するZendeskのテーマページ。

マーケットプレイスから購入する場合、標準ライセンス(設定パネルのみ)または開発者ライセンス(完全なコードアクセス)を選択します。テンプレート、CSS (Cascading Style Sheets)、またはJavaScriptをカスタマイズする場合は、開発者ライセンスが必要です。

ステップ3:複数のテンプレートを使用する(Enterprise)

Enterpriseプランでは、各コンテンツタイプ(記事、セクション、およびカテゴリ)に対して最大100個の追加テンプレートを作成できます。これにより、コンテンツの種類ごとに異なるレイアウトを持つことができます。

「記事」、「セクション」、または「カテゴリ」のタイプ選択オプションを表示するテンプレート作成ダイアログ。
「記事」、「セクション」、または「カテゴリ」のタイプ選択オプションを表示するテンプレート作成ダイアログ。

新しいテンプレートを作成するには:

  1. テーマエディタで、コードの編集をクリックします。
  2. [ファイル]領域で新規追加をクリックします。
  3. テンプレートタイプ(記事、セクション、またはカテゴリ)を選択します。
  4. 名前を付けます(最大25文字、snake_case形式)。
  5. 既存のテンプレートから開始するか、空白から開始するかを選択します。

重要:カスタムテンプレートは、テーマがライブの場合にのみ選択できます。つまり、コンテンツにカスタムテンプレートを適用するには、テーマをアクティブにする必要があります。

ステップ4:ライブテーマを設定する

テーマをアクティブにする準備ができたら:

  1. [テーマ]ページで、アクティブにするテーマを見つけます。
  2. オプションメニュー(3つのドット)をクリックします。
  3. ライブテーマとして設定を選択します。
  4. 変更を確認します。

テーマの名前変更、コピー、ダウンロード、および削除の選択肢とともに、「ライブテーマとして設定」オプションを表示するテーマオプションメニュー。
テーマの名前変更、コピー、ダウンロード、および削除の選択肢とともに、「ライブテーマとして設定」オプションを表示するテーマオプションメニュー。

新しいテーマはすぐにライブになります。ステージング期間や承認ワークフローはないため、最初に十分にテストしてください。

ステップ5:ダウンロードとバージョン管理

本格的なテーマ開発を行うには、ローカルで作業する必要があります。

  1. テーマをZIPファイルとしてダウンロードします。
  2. ローカル開発環境に抽出します。
  3. 好みのコードエディタを使用して変更を加えます。
  4. Zendesk Theme Previewツールを使用してローカルでテストします。
  5. バージョン管理のためにGitに変更をコミットします。
  6. 準備ができたらZIPしてインポートし直します。

「コペンハーゲン」テーマの「ダウンロード」機能を表示するテーマオプションメニュー。
「コペンハーゲン」テーマの「ダウンロード」機能を表示するテーマオプションメニュー。

チームは、共同開発のためにGitHubと統合することもできます。GitHubでテーマを開発および維持し、そこから直接プレビューまたは公開できます。ただし、GitHub連携を設定したら、Zendesk管理で変更を加えると、その接続が中断されることを忘れないでください。常にローカルで作業し、GitHub経由で同期してください。

構造化された開発ライフサイクルに従うことで、ライブサイトでの変更の中断を防ぎ、問題が発生した場合に簡単にロールバックできます。
構造化された開発ライフサイクルに従うことで、ライブサイトでの変更の中断を防ぎ、問題が発生した場合に簡単にロールバックできます。

Zendesk Guideの複数のテーマバージョンのベストプラクティス

テーマを効果的に管理するには、ある程度の規律が必要です。ここでは、頭痛の種を減らすためのプラクティスを紹介します。

わかりやすい命名規則を使用する 「テーマv2」の代わりに、「テーマv2.1 - 2026年ホリデー」または「コペンハーゲン-カスタム-2026年第1四半期」を使用します。バージョン番号とコンテキストを含めて、各テーマの目的を把握できるようにします。

変更履歴を維持する 各バージョンの変更点を文書化します。これは、複数の人がヘルプセンターで作業する場合に特に重要です。変更された内容、理由、および時期をメモします。

常に最初にサンドボックスでテストする Zendeskがサンドボックス環境を提供しているのには理由があります。本番環境に触れる前に、そこでテーマの変更をテストします。異なるデバイスとブラウザで確認してください。

本番環境のバックアップを保持する 大幅な変更を加える前に、ライブテーマを複製し、「PROD-BACKUP-[日付]」のような名前を付けます。問題が発生した場合に、クリーンなロールバックオプションがあります。

ロールバック計画を立てる 問題が発生した場合に、どのように元に戻すかを正確に把握します。これは通常、すぐにアクティブ化できる安定したバックアップテーマを保持することを意味します。

静かな時間帯にデプロイする テストを行っても、本番環境では異なる結果になる可能性があります。ヘルプセンターのトラフィックが最も少ないときにデプロイします。

テンプレートAPIバージョンの操作

テーマのテンプレートバージョンは、利用可能な機能とヘルパーを決定します。それらを管理する方法は次のとおりです。

バージョンの確認 テーマを編集するときは、コードエディタのテーマ名の下を確認してください。「テンプレートAPI v2」のように表示されます。manifest.jsonファイルのapi_versionフィールドを確認することもできます。

アップグレードのタイミング 次の場合にアップグレードを検討してください。

  • 新しいバージョンでのみ利用可能な新機能が必要な場合
  • Zendeskが現在のバージョンの非推奨を発表した場合
  • パフォーマンスの向上またはアクセシビリティのアップデートが必要な場合

アップグレードプロセス

  1. テーマをローカルにダウンロードします。
  2. manifest.jsonを開き、api_versionの値を変更します。
  3. Zendesk Theme Previewツールを使用してローカルでプレビューします。
  4. 非推奨のヘルパーの警告を確認します。
  5. 非推奨のヘルパーをサポートされている同等のヘルパーに置き換えます。
  6. 徹底的にテストします。
  7. 更新されたテーマをアップロードします。

バージョン4(2024年7月リリース)には、最新の機能が含まれています。古いバージョンを使用している場合は、アップグレードすると、新しいヘルパーとより優れたパフォーマンスにアクセスできます。

eesel AIでヘルプセンターを効率化する

テーマはヘルプセンターの外観を制御しますが、中のコンテンツはどうでしょうか?そこでeesel AIが登場します。

過去のサポートチケットから学習し、カスタマーサービスに最適なWhatsAppチャットボットになる方法を示すeesel AIプラットフォームのスクリーンショット。
過去のサポートチケットから学習し、カスタマーサービスに最適なWhatsAppチャットボットになる方法を示すeesel AIプラットフォームのスクリーンショット。

当社のAIチャットボットは、Zendeskヘルプセンターと直接統合して、顧客の質問に即座に正確な回答を提供します。テーマの外観を完璧にする一方で、コンテンツも同様に機能するように支援できます。

仕組みは次のとおりです。

  • ヘルプセンターに接続し、既存の記事から学習します。
  • 顧客はエージェントを待つことなく、すぐに回答を得られます。
  • AIはソースを引用するため、顧客は情報の出所を知ることができます。
  • ブランドの声に合わせて応答をカスタマイズできます。
  • どのZendesk Guideテーマバージョンでも動作します。

その組み合わせは強力です。ブランドを代表する美しくカスタムされたテーマと、適切なタイミングで適切なコンテンツを提供するAIが組み合わされています。デザインはあなたが担当し、インテリジェントなコンテンツ配信は私たちが担当します。

さまざまなヘルプデスクのワンクリック統合を表示するeesel AIダッシュボードのスクリーンショット。複雑なUltimate Zendesk統合プロセスと比較して、簡単なセットアップを示しています。
さまざまなヘルプデスクのワンクリック統合を表示するeesel AIダッシュボードのスクリーンショット。複雑なUltimate Zendesk統合プロセスと比較して、簡単なセットアップを示しています。

よくある質問

いいえ、一度にライブにできるテーマは1つだけです。ただし、ライブラリに複数のテーマを保持し、必要に応じて切り替えることができます。
標準ライセンスでは、設定パネルからのみカスタマイズできます。開発者ライセンスでは、テーマのHTML、CSS、およびJavaScriptコードに完全にアクセスして、完全にカスタマイズできます。
テーマ名の下のテーマエディタを確認するか、manifest.jsonファイルのapi_versionフィールドを確認してください。
Professionalでは複数のテンプレートを作成できますが、ライブではないテーマでのテストのみです。ライブヘルプセンターで複数のテンプレートを使用するには、Guide Enterpriseが必要です。
管理で変更を加えると、GitHub接続が中断されます。常にローカルで作業し、連携が設定されたらGitHub経由で同期してください。
Zendeskは厳密な制限を指定していませんが、実用的な管理では、アクティブなテーマと最近のバックアップのみを保持することをお勧めします。不要になった古いテーマはアーカイブしてください。

この記事を共有

Stevia undefined

Article by

Stevia Putri

Stevia Putri is a marketing generalist at eesel AI, where she helps turn powerful AI tools into stories that resonate. She’s driven by curiosity, clarity, and the human side of technology.