ページテンプレートの作成 creating-page-templates

ページを作成する際には、新しいページを作成するためのベースとして使用されるテンプレートを選択する必要があります。テンプレートは、作成されるページの構造、初期コンテンツ、および使用できるコンポーネントを定義します。

テンプレートエディター ​により、テンプレートを作成して管理することは、開発者のみのタスクではなくなりました。ある種のパワーユーザーも、テンプレート作成者 ​と呼ばれ、関与することができます。環境の設定、クライアントライブラリの作成、使用されるコンポーネントの作成は今でも開発者が行う必要がありますが、これら基本となる部分が一度配置されると、テンプレート作成者 ​が開発プロジェクトなしにテンプレートを作成して構成できるようになります。

テンプレートコンソール ​により、テンプレート作成者は次の操作を実行できます。

  • 新しいテンプレートを作成したり、既存のテンプレートをコピーしたりします。
  • テンプレートのライフサイクルを管理します。

テンプレートエディター ​により、テンプレート作成者は次の操作を実行できます。

  • コンポーネントをテンプレートに追加して、それらをレスポンシブグリッドに配置します。
  • コンポーネントを事前に設定します。
  • テンプレートから作成されたページで、編集可能なコンポーネントを定義します。

このドキュメントでは、テンプレート作成者 ​がテンプレートコンソールおよびエディターを使用して、編集可能なテンプレートを作成し管理する方法について説明します。

編集可能なテンプレートが技術レベルで機能する方法について詳しくは、開発者ドキュメントのページテンプレートを参照してください。

NOTE
テンプレートエディター ​は、テンプレートレベルで直接ターゲット設定をサポートしません。編集可能テンプレートに基づいて作成されたページは、ターゲット設定できますが、テンプレート自体はできません。

始める前に before-you-start

NOTE
管理者は、設定ブラウザー ​でテンプレートフォルダーを設定し、テンプレート作成者がそのフォルダーにテンプレートを作成できるように、適切な権限を適用する必要があります。

作業を開始する前に、テンプレートの作成では共同作業が必要であることを考慮に入れておくことが重要です。この理由から、ロールがそれぞれのタスクに示されます。これは、実際にテンプレートを使用してページを作成する方法に影響を与えませんが、ページがテンプレートに関係する方法には影響を与えます。

ロール roles

テンプレートコンソール ​および​ テンプレートエディター ​を使用する新しいテンプレートの作成では、次の役割の間の共同作業が必要です。

  • 管理者:

    • admin 権限が必要なテンプレートのために新しいフォルダーを作成します。
    • こうしたタスクは、多くの場合開発者が行うことができます。
  • 開発者

    • 技術的/内部的な詳細を説明します
    • 開発環境の経験が必要です。
    • テンプレート作成者に必要な情報を提供します。
  • テンプレート作成者

    • グループ template-authors のメンバーである特定の作成者です。

      • 必要な特権および権限を割り当てます。
    • コンポーネントや、以下を必要とするその他の概要の使用法を設定できます。

      • 一部の技術的知識
        • 例えば、パスを定義する際にパターンを使用します。
      • 開発者からの技術情報。

一部のタスク(フォルダーの作成など)の性質により、開発環境が必要です。これには知識と経験が必要です。

このドキュメントで説明されるタスクは、それらの実行を担当するロールとともにリストされています。

テンプレートの作成と管理 creating-and-managing-templates

編集可能テンプレートを作成する場合は、次の操作を実行します。

NOTE
多くの場合、許可されたテンプレート ​は Web サイトが最初に設定されたときに事前定義されています。
TIP
国際化する必要がある情報は、決してテンプレートに含めないでください。
ローカライズが必要なヘッダーやフッターなどのテンプレート要素の場合は、コアコンポーネントのローカライゼーション機能を利用します。

テンプレートフォルダーの作成 - 管理者 creating-a-template-folder-admin

テンプレートフォルダーは、プロジェクト固有のテンプレートを保持するためプロジェクトで作成する必要があります。これは管理者タスクであり、ドキュメントのページテンプレートで説明しています。

新しいテンプレートの作成 - テンプレート作成者 creating-a-new-template-template-author

  1. テンプレートコンソール ​を(ツール一般 ​から)開き、必要なフォルダーに移動します。

    note note
    NOTE
    標準の AEM インスタンスでは、テンプレートコンソールに既に​ グローバル ​フォルダーが存在します。この中にデフォルトのテンプレートが格納されており、現在のフォルダーにポリシーやテンプレートタイプがない場合にはフォールバックとして機能します。
    推奨されるベストプラクティスは、プロジェクトで作成されたテンプレートフォルダーを使用することです。
  2. 作成」、「テンプレートを作成」を選択し、ウィザードを開きます。

  3. テンプレートタイプ ​を選択してから、「次へ」を選択します。

    note note
    NOTE
    テンプレートタイプは、定義済みのテンプレートレイアウトであり、テンプレートのためのテンプレートであると見なすことができます。これらは、開発者またはシステム管理者が事前定義します。詳しくは、開発者ドキュメントのページテンプレートを参照してください。
  4. 次の「テンプレート詳細」を入力します。

    • テンプレート名
    • 説明
  5. 作成」を選択します。確認メッセージが表示されます。テンプレートの編集を開始するには「開く」、テンプレートコンソールに戻るには「完了」を選択します。

    note note
    NOTE
    新しく作成されたテンプレートは、コンソールで​ ドラフト ​とマークされます。これは、ページ作成者がまだテンプレートを使用できないことを示します。
NOTE
テンプレートは、ページ作成ワークフローを効率化する強力なツールです。ただし、テンプレートが多すぎると作成者が圧倒され、ページ作成がを混乱するおそれがあります。経験上、テンプレートの数を 100 未満に抑えるのがよいでしょう。
パフォーマンスに影響が及ぶ可能性があるので、1000 個を超えるテンプレートを用意することはお勧めしません。

テンプレートプロパティの定義 - テンプレート作成者 defining-template-properties-template-author

テンプレートには、次のプロパティを指定できます。

  • 画像

    • 画像はテンプレートのサムネールとして「ページを作成」ウィザードなどで選択を容易にするために使用します。

      • アップロード可能
      • テンプレートコンテンツに基づいて生成可能
  • タイトル

    • タイトルは、ページを作成 ​ウィザードなどでテンプレートを識別するために使用します。
  • 説明

    • 説明では​ ページを作成 ​ウィザードなどで表示できるテンプレートとその用途に関する詳細情報を追加します。

プロパティを表示または編集するには:

  1. テンプレートコンソール ​で、テンプレートを選択します。
  2. ツールバーまたはクイックオプションから「プロパティを表示」を選択してダイアログを開きます。
  3. これでテンプレートのプロパティを表示または編集できます。
NOTE
テンプレートのステータス(ドラフト、有効、無効)は、コンソールに示されます。

テンプレートサムネールの画像 template-thumbnail-image

テンプレートサムネールを定義するには:

  1. テンプレートのプロパティを編集します。

  2. サムネールをアップロードするか、テンプレートコンテンツから生成するかを選びます。

    • サムネールをアップロードする場合は、「画像をアップロード」を選択します。
    • サムネールを生成する場合は、「プレビューを生成」を選択します。
  3. どちらの方法でも、サムネールのプレビューが表示されます。

    • 満足がいかない場合は、「クリア」を選択して、他の画像をアップロードするか、サムネールを再生成します。
  4. サムネールに満足できたら、「保存して閉じる」を選択します。

テンプレートの有効化と許可 - テンプレート作成者 enabling-and-allowing-a-template-template-author

ページを作成するときにテンプレートを使用するには、以下の作業が必要です。

テンプレートの有効化 - テンプレート作成者 enabling-a-template-template-author

テンプレートを有効または無効にして、ページを作成 ​ウィザードで使用できるようにする、または使用できないようにします。

CAUTION
テンプレートを有効にすると、テンプレート作成者がテンプレートをさらに更新しようとするときに警告が表示されます。これはテンプレートが参照されている可能性があり、そのため変更がテンプレートを参照しているページに影響を及ぼす可能性があることをユーザーに通知するためのものです。
  1. テンプレートコンソール ​で、テンプレートを選択します。
  2. ツールバーから「有効」または「無効」を選択して、確認ダイアログで再び選択します。
  3. これで新しいページを作成する際にテンプレートを使用できます。ただし、ほとんどの場合は要件に従ってテンプレートを編集する必要があります。
NOTE
テンプレートのステータス(ドラフト、有効、無効)は、コンソールに示されます。

テンプレートの許可 - 作成者 allowing-a-template-author

テンプレートは、特定のページブランチに対して使用可能または使用不可にすることができます。

  1. テンプレートを使用できるようにするブランチのルートページのページプロパティを開きます。

  2. 詳細」タブを開きます。

  3. テンプレート設定 ​で「フィールドを追加」を使用してテンプレートへのパスを指定します。

    パスは直接入力またはパターンを使用できます。例えば、次のように指定します。

    /conf/<your-folder>/settings/wcm/templates/.*

    パスの順序は無関係です。すべてのパスがスキャンされ、取得したテンプレートがスキャンされます。

    note note
    NOTE
    許可されたテンプレート ​のリストが空の場合、値/リストが見つかるまでツリーを上に移動します。
    使用可能なテンプレートを参照してください。許可されたテンプレートの原則は保たれます。
  4. 保存」をクリックして、ページプロパティの変更を保存します。

NOTE
多くの場合、許可されたテンプレートはサイト設定されたときにサイト全体に対して事前定義されています。

テンプレートの公開 - テンプレート作成者 publishing-a-template-template-author

ページがレンダリングされる際にテンプレートが参照されるので、テンプレートをパブリッシュ環境で使用できるようにするには、完全に設定されたテンプレートを公開する必要があります。

  1. テンプレートコンソール ​で、テンプレートを選択します。
  2. ツールバーから「公開」を選択してウィザードを開きます。
  3. 連携して公開される​ コンテンツポリシー ​を選択します。
  4. ツールバーから「公開」を選択してアクションを完了します。

テンプレートの編集 - テンプレート作成者 editing-templates-template-authors

テンプレートを作成または編集するときに、様々な項目を定義できます。テンプレートの編集は、ページのオーサリングに似ています。

ツールバーの​ モード ​セレクターを使用すると、テンプレートの適切な要素を選択して編集できます。

テンプレートエディターモードセレクター

ページ情報 ​メニューの「ページポリシー」オプションを使用すると、必要なページポリシーを選択できます。

テンプレートエディターページ情報

CAUTION
作成者が既に有効になってるテンプレートの編集を開始すると、警告が表示されます。これはテンプレートが参照されている可能性があり、そのため変更がテンプレートを参照しているページに影響を及ぼす可能性があることをユーザーに通知するためのものです。

テンプレート属性 template-attributes

テンプレートの以下の属性を編集できます。

構造 template-structure

ページ作成者は、構造に追加されたコンポーネントを結果ページから移動および削除できません。ページ作成者がコンポーネントを結果ページに移動またはコンポーネントを削除するには、テンプレートに段落システムを追加する必要があります。

コンポーネントがロックされているとコンテンツは追加できますが、ページ作成者はこれを編集できません。コンポーネントのロックを解除して、初期コンテンツを定義できます。

NOTE
構造モードで、ロックが解除されたコンポーネントの親コンポーネントは、移動、切り取り、削除できません。

初期コンテンツ template-initial-content

コンポーネントのロックが解除されていると、結果ページにコピーされる、テンプレートから作成された初期コンテンツを定義できます。これらのロックが解除されたコンポーネントは結果ページで編集できます。

NOTE
初期コンテンツ ​モードおよび結果ページで、アクセス可能な親を持つ、ロックが解除されたすべてのコンポーネント(つまり、レイアウトコンテナ内のコンポーネント)は削除できます。

レイアウト template-layout

レイアウトでは、必要なデバイスの形式に合わせたテンプレートのレイアウトを事前定義できます。テンプレートオーサリングの​ レイアウト ​モードには、ページオーサリングの​レイアウト ​モードと同じ機能があります

ページポリシー template-page-policies

ページポリシーは、定義済みのページポリシーをページに接続できます。これらのページポリシーは、様々なデザイン設定を定義します。

スタイル template-styles

スタイルシステムを使用すると、テンプレート作成者がコンポーネントのコンテンツポリシーのスタイルクラスを定義し、コンテンツ作成者がページでのコンポーネントの編集時にそのスタイルクラスを選択できます。これらのスタイルは、1 つのコンポーネントの別の視覚的バリエーションとして使用することができるので、コンポーネントがより柔軟で扱いやすいものになります。

詳しくは、スタイルシステムのドキュメントを参照してください。

テンプレートの編集 - 構造 - テンプレート作成者 editing-a-template-structure-template-author

構造 ​モードで、テンプレートのコンポーネントおよびコンテンツを定義し、テンプレートおよびそのコンポーネントのポリシーを定義できます。

  • テンプレート構造で定義されたコンポーネントは、結果ページに移動することも、結果ページから削除することもできません。
  • ページ作成者がコンポーネントを追加または削除するには、テンプレートに段落システムを追加する必要があります。
  • コンポーネントのロックを解除(再度ロックできます)して、初期コンテンツを定義できます。
  • コンポーネントおよびページのデザインポリシーが定義されます。

テンプレートエディターページ構造

テンプレートエディターの​ 構造 ​モードで実行できる機能や、ユーザーをサポートする機能は多数あります。

コンポーネントの追加 add-components

テンプレートにコンポーネントを追加する方法はいくつか用意されています。

  • サイドパネルの​ コンポーネント ​ブラウザーを使用します。
  • テンプレートに既に存在するコンポーネントのツールバーにある「コンポーネントを挿入」オプションまたは​ コンポーネントをここにドラッグ ​ボックスを使用します。
  • (サイドパネルの​ アセット ​ブラウザーから)アセットをテンプレートに直接ドラッグしてサイトに適切なコンポーネントを生成します。

追加すると、各コンポーネントは以下の要素でマーキングされます。

  • 境界線
  • コンポーネントタイプを示すマーカー
  • コンポーネントのロックが解除されていることを示すマーカー
NOTE
テンプレートに(最初から用意されている)タイトル ​コンポーネントを追加すると、デフォルトのテキスト​ 構造 ​が含まれます。
これを変更し、独自のテキストを追加すると、テンプレートからページが作成されるときにこの更新されたテキストが使用されます。
デフォルトのテキスト(構造)のままにすると、タイトルはデフォルトで後続のページの名前になります。
NOTE
まったく同じではありませんが、テンプレートにコンポーネントやアセットを追加する操作は、ページをオーサリングするときのアクションと数多くの類似点があります。

コンポーネントのアクション component-actions

コンポーネントがテンプレートに追加されると、コンポーネントでアクションが実行されます。個々のインスタンスにはそれぞれ、使用可能なアクションにアクセスできるツールバーが用意されています。ツールバーはコンポーネントの種類によって異なります。

テンプレートコンポーネントのアクションツールバー

また、実行されるアクションに依存します。例えば、コンポーネントのポリシーが関連付けられていると、デザイン設定アイコンが使用できるようになります。

編集と設定 edit-and-configure

これら 2 つのアクションにより、コンポーネントにコンテンツを追加できます。

構造を示す境界線 border-to-indicate-structure

構造 ​モードで、オレンジ色の境界線は現在選択されているコンポーネントを示します。また、点線は親コンポーネントを示します。

ポリシーとプロパティ(一般) policy-and-properties-general

コンテンツ(またはデザイン)ポリシーにより、コンポーネントのデザインプロパティが定義されます。例えば、使用できるコンポーネントや最小/最大サイズを定義できます。これらのポリシーは、テンプレート(および、そのテンプレートを使用して作成されるページ)に適用されます。

コンポーネントのコンテンツポリシーを作成するか、既存のポリシーを選択します。

コンテンツポリシーボタン

これにより、デザイン詳細を定義できます。

コンテンツポリシー

設定ウィンドウは 2 つに分割されます。

  • ポリシー ​の下のダイアログの左側では、既存のポリシーを選択したり、既存のものを選択したりすることができます。
  • プロパティ ​の下のダイアログの右側では、コンポーネントタイプ固有のプロパティを設定できます。

使用できるプロパティは、選択したコンポーネントによって異なります。例えば、テキストコンポーネントのプロパティでは、コピー&ペーストのオプション、フォーマットのオプション、段落スタイルなどが定義されます。

ポリシー policy

コンテンツ(またはデザイン)ポリシーにより、コンポーネントのデザインプロパティが定義されます。例えば、使用できるコンポーネントや最小/最大サイズを定義できます。これらのポリシーは、テンプレート(およびテンプレートを使用して作成されたページ)に適用できます。

ポリシー ​の下で、既存のポリシーを選択して、ドロップダウンからコンポーネントに適用できます。

ポリシーを選択

新しいポリシーは、ポリシーの選択 ​ドロップダウンの横にある追加ボタンを選択して追加できます。「ポリシーのタイトル」フィールドで新しいタイトルを指定します。

ポリシーの追加ボタン

ポリシーの選択 ​ドロップダウンで選択された既存のポリシーは、ドロップダウンリストの横にあるコピーボタンを使用して、新規ポリシーにコピーできます。「ポリシーのタイトル」フィールドで新しいタイトルを指定します。デフォルトで、コピーされたポリシーは「X のコピー」というタイトルになります。ここで X はコピーされたポリシーのタイトルです。

ポリシーをコピーボタン

ポリシーの説明は、「ポリシーの説明」フィールドにオプションで入力できます。

他のテンプレートも選択したポリシーを使用しています」セクションでは、「ポリシーの選択」ドロップダウンリストで選択したポリシーを、他のどのテンプレートが使用しているかを簡単に確認できます。

既存ポリシーの使用

NOTE
同じタイプの複数のコンポーネントが初期コンテンツとして追加される場合は、同じポリシーがすべてのコンポーネントに適用されます。
プロパティ properties

プロパティ ​の見出しの下で、コンポーネントの設定を定義できます。見出しには次の 2 つのタブがあります。

  • メイン
  • 機能
メイン main

メイン ​タブでは、コンポーネントの最も重要な設定が定義されます。

例えば、画像コンポーネントでは、許容される幅は、レイジーローディングを有効にするとともに定義できます。

設定で複数の設定が許される場合は、「追加」ボタンを選択して、他の設定を追加します。

追加ボタン

設定を削除するには、設定の右にある​ 削除 ​ボタンを選択します。

設定を削除するには、削除 ​ボタンを選択します。

削除ボタン

機能 features

機能」タブを使用すると、コンポーネントの追加の機能を有効または無効にできます。

例えば、画像コンポーネントでは、切り抜き比率、許容される画像の方向、アップロードを許可するかどうかを定義できます。

「機能」タブ

CAUTION
AEM のトリミング比率は、高さ/幅 ​で定義されます。これは従来の定義である「幅/高さ」とは異なり、レガシー互換性のための設定です。ページオーサリングユーザーは、名前 ​を明確に定義していれば、これが UI に表示されるので、違いに気が付きません。
NOTE
リッチテキストエディターを実装するコンポーネントのコンテンツポリシーは、UI 設定を通じて RTE で提供されるオプションに対してのみ定義できます。

ポリシーおよびプロパティ(レイアウトコンテナ) policy-and-properties-layout-container

レイアウトコンテナのポリシーおよびプロパティ設定は、一般使用の場合と似ていますが、いくつか違いがあります。

NOTE
ポリシーの設定はコンテナコンポーネントでは必須です。これにより、コンテナで使用できるコンポーネントを定義できるからです。

ウィンドウの一般使用の場合と同じく、設定ウィンドウは 2 つに分割されます。

ポリシー policy-layout

コンテンツ(またはデザイン)ポリシーにより、コンポーネントのデザインプロパティが定義されます。例えば、使用できるコンポーネントや最小/最大サイズを定義できます。これらのポリシーは、テンプレート(およびテンプレートを使用して作成されたページ)に適用できます。

ポリシー ​の下で、既存のポリシーを選択して、ドロップダウンからコンポーネントに適用できます。これは、ウィンドウの一般使用の場合と同じく機能します。

プロパティ properties-layout

プロパティ ​見出しの下で、レイアウトコンテナのために使用できるコンポーネントを選択して、それらの設定を定義することができます。見出しには次の 3 つのタブがあります。

  • 許可されたコンポーネント
  • デフォルトのコンポーネント
  • レスポンシブ設定
許可されたコンポーネント allowed-components

許可されたコンポーネント ​タブで、レイアウトコンテナのために使用できるコンポーネントを判断できます。

  • コンポーネントはコンポーネントグループでグループ化され、展開する、または折りたたむことができます。
  • グループ全体を選択するにはグループ名をチェックし、すべてを選択解除するにはチェックをオフにします。
  • マイナス記号は、グループのすべてではなく少なくとも 1 つの項目が選択されていることを表します。
  • 名前でコンポーネントをフィルターするために、検索を使用できます。
  • コンポーネントグループ名の右側にリストされるカウントは、フィルターにかかわらずそれらのグループの中の選択されたコンポーネントの合計数を示します。

「許可されるコンポーネント」タブ

デフォルトのコンポーネント default-components

デフォルトのコンポーネント」タブで、メディアタイプに自動的に関連付けられるコンポーネントを定義して、作成者がアセットをアセットブラウザーからドラッグするときに、AEM がそれに関連付けられるコンポーネントを理解できるようにします。ドロップゾーンのあるコンポーネントだけが、こうした設定のために使用できます。

マッピングを追加」を選択して、完全に新しいコンポーネントおよび MIME タイプマッピングを追加します。

リストの中のコンポーネントを選択し、「タイプの追加」を選択して、既にマッピングされているコンポーネントに追加の MIME タイプを追加します。「削除」アイコンをクリックして、MIME タイプを削除します。

「デフォルトコンポーネント」タブ

レスポンシブ設定 responsive-settings

レスポンシブ設定 ​タブで、レイアウトコンテナの結果グリッドの列数を設定できます。

コンポーネントのロック解除とロック unlock-and-lock-components

コンポーネントをロックまたはロック解除することで、コンテンツを​ 初期コンテンツ ​モードで変更できるかどうかを定義します。

コンポーネントのロックが解除されているときは、次のようになります。

  • 境界線に開いている南京錠のインジケーターが表示されます。
  • コンポーネントツールバーが適宜調整されます。
  • 既に入力されているコンテンツは、構造 ​モードで表示されなくなります。
    • 既に入力されているコンテンツは、初期コンテンツと見なされて、初期コンテンツ ​モードだけで表示されます。
  • ロックが解除されたコンポーネントの親コンポーネントは移動、切り取り、削除できません。

コンポーネントのロックボタン

これには、ロック解除コンテナコンポーネントも含まれるので、初期コンテンツ ​モードまたは結果ページのいずれかに、さらにコンポーネントを追加できます。ロック解除前にコンテナにコンポーネント/コンテンツを既に追加している場合は、これらは今後​ 構造 ​モードでは表示されなくなりますが、初期コンテンツ ​モードでは表示されます。構造モード ​では、コンテナコンポーネント自体だけがその​ 許容コンポーネント ​のリストとともに表示されます。

許可されたコンポーネント

スペースを節約するため、レイアウトコンテナは、許可されたコンポーネントのリストが収まるように拡大されません。代わりにコンテナがスクロールできるリストになります。

設定できるコンポーネントは、「ポリシー」アイコン付きで表示され、それをタップまたはクリックすると、そのコンポーネントのポリシーおよびプロパティを編集できます。

設定可能なコンポーネントアイコン

既存ページとの関係性 relationship-to-existing-pages

構造が、テンプレートに基づいてページを作成した後で更新される場合、これらのページはテンプレートの変更を反映します。ツールバーに警告が表示されて、この事実が確認ダイアログとともに示されます。

テンプレートが使用中であることを警告するバナー

テンプレートの編集 - 初期コンテンツ - 作成者 editing-a-template-initial-content-author

初期コンテンツ ​モードは、テンプレートに基づいてページが最初に作成されるときに、表示されるコンテンツを定義するために使用されます。初期コンテンツはその後、ページ作成者が編集できます。

構造 ​モードで作成されたすべてのコンテンツは​ 初期コンテンツ ​に表示されますが、選択および編集できるのはロックが解除されているコンポーネントのみです。

NOTE
初期コンテンツ ​モードは、そのテンプレートで作成されたページの編集モードと考えることができます。このため、ポリシーは、初期コンテンツ ​モードで定義されず、構造 ​モードで定義されます
  • ロックが解除された編集可能なコンポーネントはマーキングされています。選択すると、青い境界線が表示されます。

    初期コンテンツモード

  • ロックが解除されたコンポーネントにはツールバーがあり、コンテンツを編集および設定できます。

    ロック解除済みコンポーネント

  • 構造 ​モードで)コンテナコンポーネントのロックが解除されている場合、(初期コンテンツ ​モードで)新しいコンポーネントをコンテナに追加できます。初期コンテンツ ​モードに追加されるコンポーネントは、結果ページに移動したり、そこから削除したりできます。

    コンポーネントは、コンポーネントをここにドラッグ ​領域を使用するか、適切なコンテナのツールバーから「新規コンポーネントを挿入」オプションを使用して追加できます。

    コンポーネントを追加
    コンポーネントを追加

  • テンプレートに基づいてページを作成した後に、テンプレートの初期コンテンツを更新しても、これらのページはテンプレートの初期コンテンツの変更により影響を受けません。

NOTE
初期コンテンツは、コンテンツを作成するための出発点となるコンポーネントおよびページレイアウトを用意するためのものです。そのままの状態で実際のコンテンツとなるものではありません。そのため、初期コンテンツは翻訳できません。
ヘッダーやフッターなど、翻訳可能なテキストをテンプレートに含める必要がある場合は、コアコンポーネントのローカライゼーション機能を使用できます。

テンプレートの編集 - レイアウト - テンプレート作成者 editing-a-template-layout-template-author

デバイスの形式に合わせてテンプレートのレイアウトを定義できます。テンプレートがページオーサリングと同じように動作するには、レスポンシブレイアウトを使用します。

NOTE
レイアウトの変更は​ 初期コンテンツ ​モードには反映されますが、構造 ​モードには反映されません。

テンプレートレイアウトの編集

テンプレートの編集 - ページポリシー - テンプレート作成者/開発者 editing-a-template-page-policy-template-author-developer

必要なクライアントサイドライブラリを含むページポリシーは、ページ情報 ​メニューの「ページポリシー」オプションの下に維持されます。

ページデザイン ​ダイアログにアクセスするには

  1. テンプレートエディター ​のツールバーで「ページ情報」、「ページポリシー」と選択してダイアログを開きます。

  2. ページポリシー ​ダイアログが開いて、次の 2 つのセクションに分割されます。

    ページデザイン

ページポリシー page-policies

テンプレートまたは結果ページのいずれかにコンテンツポリシーを適用できます。これにより、ページ上の主段落システムのコンテンツポリシーが定義されます。

ページポリシー

  • ポリシーの選択 ​ドロップダウンからページ用の既存のポリシーを選択できます。

    ポリシーセレクター

    新しいポリシーは、ポリシーの選択 ​ドロップダウンリストの横にある追加ボタンを選択して追加できます。「ポリシーのタイトル」フィールドで新しいタイトルを指定します。

    ポリシーの追加ボタン

    ポリシーの選択 ​ドロップダウンで選択された既存のポリシーは、ドロップダウンリストの横にあるコピーボタンを使用して、新規ポリシーにコピーできます。「ポリシーのタイトル」フィールドで新しいタイトルを指定します。デフォルトで、コピーされたポリシーは「X のコピー」というタイトルになります。ここで X はコピーされたポリシーのタイトルです。

    ポリシーをコピーボタン

  • ポリシーのタイトルを「ポリシーのタイトル」フィールドで定義します。ポリシーにはタイトルを指定する必要がありますが、これは​ ポリシーの選択 ​ドロップダウンリストから簡単に選択できます。

    ポリシーのタイトル

  • ポリシーの説明は、「ポリシーの説明」フィールドにオプションで入力できます。

  • 他のテンプレートも選択したポリシーを使用しています」セクションでは、「ポリシーの選択」ドロップダウンリストで選択したポリシーを、他のどのテンプレートが使用しているかを簡単に確認できます。

    ポリシーの使用

ページプロパティ page-properties

ページのプロパティを使用し、「ページデザイン」ダイアログを使用して、必要なクライアントサイドライブラリを定義できます。これらのクライアントサイドライブラリには、テンプレートおよびそのテンプレートで作成されたページとともにロードされるスタイルシートおよび JavaScript が含まれます。

ページプロパティ

  • このテンプレートで作成されるページに対して適用するクライアントサイドライブラリを指定します。「クライアントサイドライブラリ」セクションのテキストフィールドにライブラリ名を入力します。

    クライアントサイドライブラリ

  • 複数のライブラリが必要な場合は、「追加」ボタンをクリックして、ライブラリ名のために追加のテキストフィールドを追加します。

    追加ボタン

    クライアントサイドライブラリで必要なだけいくつでも任意の数のテキストフィールドを追加します。

  • 必要に応じて、ドラッグハンドルを使用してフィールドをドラッグすることで、ライブラリの相対位置を定義します。

    ドラッグハンドル

NOTE
テンプレート作成者がテンプレートにページポリシーを指定できる一方、その作成者は開発者から適切なクライアントサイドライブラリの詳細を入手する必要があります。

テンプレートの編集 - 最初のページのプロパティ - 作成者 editing-a-template-initial-page-properties-author

最初のページのプロパティ」オプションを使用して、結果ページの作成時に使用される最初のページプロパティを定義できます。

  1. テンプレートエディターのツールバーで、ページ情報最初のページのプロパティ ​と選択してダイアログを開きます。

  2. ダイアログで、このテンプレートで作成されるページに対して適用するプロパティを定義できます。

    テンプレートの初期ページプロパティ

  3. 完了」で定義を確認します。

ベストプラクティス best-practices

テンプレートを作成するときには、次の点を考慮してください。

  1. テンプレートに対する変更がそのテンプレートを使用して作成されたページに及ぼす影響。

    テンプレートに対して行うことができる各種操作と、その操作が結果ページに与える影響を次に示します。

    • 構造の変更

      • これは、結果のページに直ちに適用されます。
      • 訪問者が変更を見るためには、変更されたテンプレートの公開が必要です。
    • コンテンツポリシーおよびデザイン設定の変更

      • これは、結果のページに直ちに適用されます。
      • 訪問者が変更を見るためには、変更の公開が必要です。
    • 初期コンテンツの変更

      • これは、テンプレートへの変更後に作成されたページにのみ適用されます。
    • レイアウトに対する変更は、変更されるコンポーネントが以下のいずれであるかによって変わります。

      • 構造のみ - 直ちに適用
      • 初期コンテンツを含む - 変更後に作成されたページに対してのみ

    以下の場合は特に注意が必要です。

    • 有効なテンプレートでのコンポーネントのロックまたはロック解除

    • 既存のページが既にそれを使用している可能性があるので、これにより副作用が起こる可能性があります。一般的に、以下のようになります。

      • (ロックされていた)コンポーネントのロックを解除すると既存のページに表示されなくなります。
      • (編集可能だった)コンポーネントをロックするとそのコンテンツがページに表示されることを防ぎます。
    note note
    NOTE
    ドラフトでなくなったテンプレートのコンポーネントのロック状態を変更すると、AEM は明示的に警告を発します。
  2. サイト固有のテンプレートに独自のフォルダーを作成します。

  3. テンプレート ​コンソールから独自のテンプレートを公開します。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab