---
title: "タイトルコンポーネントを追加"
slug: "add-a-title-component"
abstract: "ページにタイトルコンポーネントを追加し設定する方法。"
---
# タイトルコンポーネントを追加

> !注このトピックで説明されている手順はエクスペリエンスエディターを使用してください。

**タイトル**コンポーネントは現在のページのタイトルまたはサブタイトルを表示します。タイトルコンポーネントはページのどこにでも追加できます。デフォルトでは**タイトル**フィールドはページ名を名乗りますが、テキストを変更したり、別のコンポーネントバリアントやデータソースを選択することも可能です。

> !注コンテンツエディターにタイトルがない場合は、タイトルコンポーネントを追加してもテキストは追加されません。その後、手動でテキストを入力しなければなりません。

**タイトル**の要素を追加するには:

1.  **ツールボックス**を開けろ。
2.  **ページコンテンツ**セクションから、タイトルコンポーネントを追加したいプレースホルダーに**タイトルコンポーネントを**ドラッグ&ドロップします。
3.  テキストを変更するには、挿入されたテキストをクリックして入力を開始してください。
4.  異なるデータソースやコンポーネントのバリアントを使用する場合:
    -   フローティングツールバーで **「More**」をクリックし、「 **コンポーネントプロパティ編集**」をクリックします。
        
        ![The floating toolbar for the Title component](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/SXA-headless-floating-toolbar-title.png)
        
    -   **「一般**」セクションで「**ブラウズ」**をクリックして別のデータソースを選択してください。
        
    -   **バリアント**リストで、欲しいコンポーネントバリアントを選択します。
        
5.  **OK**をクリックします。