ページテンプレートの作成

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

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

テンプレートコンソール​により、テンプレート作成者は次のことができます。

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

テンプレートエディター​により、テンプレート作成者は次のことができます。

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

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

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

始める前に

以下のポイントは、開始する前に考慮すべき重要なものです。

• 新しいテンプレートの作成では共同作業が必要です。この理由から、役割がそれぞれのタスクに示されます。

• インスタンスの設定方法によっては、テンプレートの 2 つの基本タイプが AEM で現在提供されていることを把握しておくと便利です。これは、実際にテンプレートを使用してページを作成する方法に影響を与えませんが、作成できるテンプレートの種類およびページがそのテンプレートに関係する方法には影響を与えます。

役割

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

• 管理者：

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

• 開発者：

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

• テンプレート作成者：

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

    • 必要な特権および権限を割り当てます。

  • コンポーネントおよび次のものを必要とするその他の高レベルの使用法を設定できます。

    • 一部の技術的知識

      • 例えば、パスを定義するときのパターンの使用。

    • 開発者からの技術情報。

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

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

編集可能および静的テンプレート

AEM には、次の 2 つのタイプの基本テンプレートが用意されています。

• 編集可能なテンプレート

  • テンプレート​コンソールおよびエディターを使用して、テンプレート作成者が作成および編集できます。テンプレート​コンソールは、ツール​コンソールの​一般​セクションでアクセスできます。
  • 新しいページが作成された後も、ページとテンプレートの間で動的な接続が維持されます。つまり、テンプレート構造やロックされたコンテンツに変更を加えると、そのテンプレートを使用して作成されたすべてのページに反映されます。ロックが解除された（初期）コンテンツに対する変更は反映されません。
  • コンテンツポリシーを使用します。これでデザインプロパティを永続させるために、テンプレートエディターからそれらを定義できます。ページエディター内のデザインモードは、編集可能なテンプレートでは今後使用できません。

• 静的テンプレート

  • 静的テンプレートは、AEM の複数のバージョンで使用できました。
  • これらは開発者によって提供されているため、作成者が作成および変更することはできません。
  • 新しいページはテンプレートをコピーして作成されるので、動的接続は存在しません（ただし、情報としてテンプレート名は登録されます）。
  • 設計プロパティを保持するには、デザインモードを使用します。
  • 静的テンプレートの編集は開発者のみがタスクするため、詳しくは開発者ドキュメントページテンプレート — 静的を参照してください。

定義により、テンプレートコンソールおよびテンプレートエディターでは、編集可能なテンプレートの作成および編集だけが可能です。このため、このドキュメントは、編集可能なテンプレートだけにフォーカスします。

テンプレートを使用してページを作成する

テンプレートを新しいページを作成するために使用するときは、静的テンプレートと編集可能なテンプレートの間に視覚的な違いはありません。ページの作成者にとって、この処理は透過的です。

テンプレートの作成と管理

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

• テンプレート​コンソールを使用します。これは、ツール​コンソールの​一般​セクションにあります。

  • または直接アクセスします：http://localhost:4502/libs/wcm/core/content/sites/templates.html/conf

• 必要に応じて、テンプレート用のフォルダーを作成できます。

• 新しいテンプレートを作成します（最初は空の状態です）。

• （必要に応じて）テンプレートの追加プロパティを定義します。

• テンプレートを編集して次の要素を定義します。

  • 構造 - テンプレートで作成されたページでは変更できない定義済みのコンテンツ。
  • 初期コンテンツ - テンプレートで作成されたページで変更可能な定義済みのコンテンツ。
  • レイアウト - 広範なデバイスに対応させるために使用します。
  • スタイル - テンプレートおよびそのコンポーネントで使用されるスタイルを定義します。

• ページ作成時に使用するためにテンプレートを有効化します。

• Web サイトの必要なページまたはブランチのためにテンプレートを許可します。

• 公開環境で利用できるようにするためにテンプレートを公開します。

テンプレートフォルダーの作成 - 管理者

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

新しいテンプレートの作成 - テンプレート作成者

1. テンプレートコンソール（ツール -> 一般​を使用）を開き、必要なフォルダーに移動します。

   メモ

   標準の AEM インスタンスでは、テンプレートコンソールに既に​グローバル​フォルダーが存在します。この中にデフォルトのテンプレートが格納されており、現在のフォルダーにポリシーやテンプレートタイプがない場合にはフォールバックとして機能します。

   プロジェクトで作成されたテンプレートフォルダーを使用することが推奨されるベストプラクティスです。

2. 「作成」、「テンプレートを作成」を選択し、ウィザードを開きます。

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

   メモ

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

4. 次の「テンプレート詳細」を入力します。

   • テンプレート名
   • 説明

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

   メモ

   新しく作成されたテンプレートは、コンソールで​ドラフト​とマークされます。これは、ページ作成者がまだテンプレートを使用できないことを示します。

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

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

• 画像

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

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

• タイトル

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

• 説明

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

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

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

テンプレートサムネールの画像

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

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

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

   • サムネールをアップロードする場合は、「画像をアップロード」をクリックまたはタップします。
   • サムネールを生成する場合は、「プレビューを生成」をタップまたはクリックします。

3. どちらの方法でも、サムネールのプレビューが表示されます。

   このサムネールで満足できない場合は、クリア​をタップまたはクリックして、他の画像をアップロードするか、サムネールを再生成します。

4. 満足できる場合は、「保存して閉じる」をクリックまたはタップします。

テンプレートの有効化および許可 - テンプレート作成者

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

• テンプレートの有効化で、ページを作成するときに使用できるようにします。
• テンプレートの許可でテンプレートを使用できるコンテンツブランチを指定します。

テンプレートの有効化 - テンプレート作成者

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

1. テンプレートコンソール​で、テンプレートを選択します。
2. ツールバーから「有効」または「無効」を選択して、確認ダイアログで再び選択します。
3. これで新しいページを作成するときにテンプレートを使用できます。ただし、ほとんどの場合は要件に従ってテンプレートを編集する必要があります。

テンプレートの許可 - 作成者

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

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

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

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

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

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

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

   メモ

   許可されたテンプレート​のリストが空の場合、値／リストが見つかるまでツリーを上に移動します。

   使用可能なテンプレートを参照してください。許可されたテンプレートの原則は保たれます。

4. 「保存」をクリックして、ページプロパティの変更を保存します。

テンプレートの公開 - テンプレート作成者

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

1. テンプレートコンソール​で、テンプレートを選択します。

2. ツールバーから「公開」を選択してウィザードを開きます。

3. 連携して公開される​コンテンツポリシー​を選択します。

4. ツールバーから「公開」を選択してアクションを完了します。

テンプレートの編集 - テンプレート作成者

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

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

• 構造

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

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

  メモ

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

• 初期コンテンツ

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

  メモ

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

• レイアウト

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

• ページポリシー

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

• スタイル

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

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

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

• 構造
• 初期コンテンツ
• レイアウト

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

テンプレートの編集 - 構造 - テンプレート作成者

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

• テンプレート構造で定義されたコンポーネントは、結果ページに移動することも、結果ページから削除することもできません。

• ページ作成者がコンポーネントを追加または削除するには、テンプレートに段落システムを追加する必要があります。

• コンポーネントのロックを解除（再度ロックできます）して、初期コンテンツを定義できます。

• コンポーネントおよびページのデザインポリシーが定義されます。

テンプレートエディターの​構造​モードでは、次の操作を実行できます。

• コンポーネントの追加

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

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

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

  • 境界線
  • コンポーネントの種類を示すマーカー
  • コンポーネントのロックが解除されていることを示すマーカー
  メモ

  テンプレートに（最初から用意されている）タイトル​コンポーネントを追加すると、デフォルトのテキスト​構造​が含まれます。

  これを変更し、独自のテキストを追加すると、テンプレートからページが作成されるときにこの更新されたテキストが使用されます。

  デフォルトのテキスト（構造）のままにすると、タイトルはデフォルトで後続のページの名前になります。

  メモ

  まったく同じではありませんが、テンプレートにコンポーネントやアセットを追加する操作は、ページをオーサリングするときのアクションと数多くの類似点があります。

• コンポーネントのアクション

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

  

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

• 編集と設定

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

• 構造を示す境界線

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

  例えば、下のスクリーンショットでは​レイアウトコンテナ（responsivegrid）内で​テキスト​コンポーネントが選択されています。

  

• ポリシーおよびプロパティ（一般）

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

  コンポーネントのコンテンツポリシーを作成するか、既存のポリシーを選択します。これにより、デザイン詳細を定義できます。

  

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

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

  利用できるプロパティは選択されたコンポーネントに依存します。例えば、テキストコンポーネントのプロパティでは、コピー＆ペーストのオプション、フォーマットのオプション、パラグラフスタイルなどが定義されます。

  ポリシー

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

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

  

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

  

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

  

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

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

  

  メモ

  同じタイプの複数のコンポーネントが初期コンテンツとして追加される場合は、同じポリシーがすべてのコンポーネントに適用されます。これは、静的テンプレートの​**デザインモード**​の同じ制限を反映します。

  プロパティ

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

  • メイン
  • 機能

  メイン

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

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

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

  

  設定を削除するには、設定の右にある「削除」ボタンをクリックまたはタップします。

  設定を削除するには、「削除」ボタンをクリックまたはタップします。

  

  特長

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

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

  

  注意

  AEM のトリミング比率は、高さ/幅​で定義されます。これは、幅／高さの従来の定義と異なり、レガシー互換性の理由でおこなわれます。ページオーサリングユーザーは、名前​を明確に定義していれば、これが UI に表示されるので、違いに気が付きません。

  メモ

  リッチテキストエディターを実装するコンポーネントのコンテンツポリシーは、UI 設定を通じて RTE で提供されるオプションに対してのみ定義できます。

• ポリシーおよびプロパティ（レイアウトコンテナ）

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

  メモ

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

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

  ポリシー

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

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

  プロパティ

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

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

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

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

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

  

  デフォルトのコンポーネント

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

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

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

  

  レスポンシブ設定

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

• コンポーネントのロック／ロック解除

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

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

  • 境界線に開いている鍵アイコンのインジケーターが表示されます。

  • コンポーネントツールバーが適宜調整されます。

  • 既に入力されているコンテンツは、構造​モードではもはや表示されなくなります。

    • 既に入力されているコンテンツは、初期コンテンツと見なされて、初期コンテンツ​モードだけで表示されます。

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

  

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

  

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

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

  

• 既存ページとの関係性

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

  

テンプレートの編集 - 初期コンテンツ - 作成者

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

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

• 編集可能なロックが解除されたコンポーネントはマーキングされています。選択すると、青い境界線が表示されます。

  

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

  

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

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

  

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

テンプレートの編集 - レイアウト - テンプレート作成者

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

テンプレートの編集 - ページデザイン - テンプレート作成者／開発者

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

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

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

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

   • 左半分は、ページポリシーを定義します。
   • 右半分は、ページプロパティを定義します。

   

ページポリシー

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

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

  

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

  

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

  

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

  

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

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

  

ページプロパティ

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

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

  

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

  

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

  

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

  

テンプレートの編集 - 最初のページのプロパティ - 作成者

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

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

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

   

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

ベストプラクティス

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

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

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

   • 構造の変更

     • これらは、結果ページにすぐに適用されます。
     • 訪問者が変更を見るために、変更されたテンプレートの公開がやはり必要です。

   • コンテンツポリシーおよびデザイン設定の変更

     • これらは、結果ページにすぐに適用されます。
     • 訪問者が変更を見るために、変更の公開が必要です。

   • 初期コンテンツの変更

     • これらは、テンプレートへの変更後に作成されたページにのみ適用されます。

   • レイアウトに対する変更：変更されるコンポーネントが次のいずれであるかによって変わります。

     • 構造のみ - すぐに適用されます
     • 初期コンテンツが含まれる - 変更後に作成されたページに対してのみ

   以下の場合は特別に注意します。

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

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

     • （ロックされていた）コンポーネントのロックを解除すると既存のページに表示されなくなります。
     • （編集可能だった）コンポーネントをロックするとそのコンテンツがページに表示されることを防ぎます。
   メモ

   ドラフトでなくなったテンプレートのコンポーネントのロック状態を変更すると、AEM は明示的に警告します。

2. サイト固有のテンプレートに独自のフォルダーを作成します。

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