---
title: "HTMLテンプレートを作成または編集する"
slug: "create-or-edit-an-html-template"
abstract: "エージェント出力を表示用にフォーマットする再利用可能なHTMLテンプレートの作成と編集方法。"
---
# HTMLテンプレートを作成または編集する

HTMLテンプレートは [設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/working-with-agentic-studio/agentic-studio-settings.html "Agentic studio settings") で設定され、構造化出力(例えばスキーマからのJSON)のレンダリング方法を定義します。一度作成されると、ワークフローエージェントの [パラメータ設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/working-with-agentic-studio/understanding-agents/create-a-workflow-agent.html#configure-parameters "Configure parameters") 時にテンプレートを再利用でき、一貫したフォーマットを確保します。管理者はいつでもテンプレートを更新できます。

HTMLテンプレートの詳細については、[エージェント設定タブ](https://doc.sitecore.com/sai/ja/users/sitecoreai/working-with-agentic-studio/understanding-agents/create-a-workflow-agent/overview-of-agent-configuration-tabs.html#html-templates "HTML templates")をご覧ください。

## HTMLテンプレートを作成する

管理者はエージェント出力の表示方法を定義するテンプレートを作成できます。

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

1.  ナビゲーションメニューで**「Agentic** 」をクリックし、左側のサイドバーで「:mdiCogOutline: **Settings** .」を選択します。
    
2.  左側のペインで「 **HTMLテンプレート**」をクリックします。
    
3.  **HTMLテンプレート**のページで、「**テンプレートを追加」**をクリックします。
    
4.  右側のペインに以下の内容を入力してください:
    
    -   **名前** - テンプレート名。 **ID** は自動的に生成されます。
    -   **説明** (任意) - HTMLテンプレートが何に使われるか。
    -   **タグ** (任意) - テンプレートを分類するためのラベルを追加してください。
5.  スキーマフィールドを使ってHTML構造を定義します。Handlebars構文を使ってスキーマの値をテンプレート:mdiXml: **Code** editorにマッピングします。
    
    テンプレートの定義は以下の通りです:
    
    -   例えば、レイアウトにスキーマフィールドを挿入する {{subject\_line}} や {{body}})。
    -   HTML <div>、 <strong>、または <span>
    -   条件付き論理やループを適用し、必要に応じて {{#if}} {{#each}} も可能です。
    
    例
    
    以下のHTMLテンプレートは、LinkedInの投稿スキーマの出力をフォーマットしています。
    
    <div class="linkedin-post">
     <div class="headline"><strong>{{headline}}</strong></div>
     <div class="body">{{body}}</div>
     <div class="hashtags">{{#each hashtags}}<span class="hashtag">#{{this}}</span> {{/each}}</div>
     <div class="cta">{{call\_to\_action}}</div>
     {{#if mentions}}<div class="mentions">{{#each mentions}}<span class="mention">@{{this}}</span> {{/each}}</div>{{/if}}
    </div>
    
    このテンプレートはスキーマフィールドをHTML要素にマッピングし、ループを使ってハッシュタグや言及を繰り返し、言及が利用可能な場合にのみ言及セクションを表示します。
    
6.  テンプレートをプレビューするには :mdiEyeOutline: **Visual**をクリックしてください。
    
7.  **「保存**」をクリックします。
    

## HTMLテンプレートを編集する

管理者は既存のHTMLテンプレートを更新し、その構造やフォーマットを洗練させることができます。

テンプレートを編集するには:

1.  ナビゲーションメニューで**「Agentic**」をクリックします。その後、左側のサイドバーで「 **Settings** :mdiCogOutline:」を選択します。
2.  左側のペインで :mdiFileCodeOutline: **HTML Templates** をクリックします。
3.  **HTMLテンプレート**のページで、編集したいテンプレートをクリックします。
4.  必要に応じてテンプレートを更新してください。
5.  **「保存**」をクリックします。