タイトルコンポーネント(v1)

最終更新日: 2021-08-02
  • 作成対象:
  • Developer
    Admin
    User

コアコンポーネントのタイトルコンポーネントは、インプレース編集機能を備えたセクション見出しコンポーネントです。

使用方法

タイトルコンポーネントは、コンテンツのセクションのタイトルまたは見出しとして使用するためのものです。

使用可能な見出しレベルは、デザインダイアログでテンプレート作成者が定義できます。コンテンツ編集者は、編集ダイアログで、使用可能な見出しレベルから選択できます。利便性の向上のため、見出しテキストの簡単なインプレース編集も可能です。

バージョンと互換性

このドキュメントでは、AEM 6.3 に付属しているコアコンポーネントのリリース 1.0.0 で最初に導入されたタイトルコンポーネント v1 について説明します。

タイトルコンポーネント v1 の互換性を次の表に示します。

AEM のバージョン タイトルコンポーネント v1
6.3 互換性あり
6.4 互換性あり
注意

このドキュメントでは、タイトルコンポーネント v1 について説明します。

タイトルコンポーネントの現在のバージョンについて詳しくは、タイトルコンポーネントのドキュメントを参照してください。

コンポーネント出力のサンプル

以下は We.Retail から取得したサンプルです。

スクリーンショット

HTML

<div class="cmp cmp-title aem-GridColumn aem-GridColumn--default--12">
     <h2>Welcome! This is our finest equipment!</h2>
</div>

JSON

"title": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              ":type": "weretail/components/content/title",
              "jcr:title": "Welcome! This is our finest equipment!",
              "type": "h2"
            }
メモ

コアコンポーネントからの JSON エクスポートには、コアコンポーネントのリリース 1.1.0 が必要です。詳しくは、コアコンポーネント v1 の互換性情報を参照してください。

編集ダイアログ

編集ダイアログでは、コンテンツ作成者がタイトルテキストを定義したり、見出しレベルを選択したりできます。

メモ

タイトルの値を空にすると、ページタイトルが表示されます。

インプレースエディターを使用して、タイトルコンポーネントのテキストを編集することもできます。

デザインダイアログ

デザインダイアログでは、コンテンツ作成者が使用する際のタイトルコンポーネントのデフォルト見出しレベルをテンプレート作成者が定義できます。

技術的詳細

タイトルコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントプロジェクト全体を GitHub からダウンロードできます。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

このページ