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

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

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

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

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

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

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

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

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

メモ

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

始める前に

メモ

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

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

役割

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

  • 管理者
    • admin 権限が必要なテンプレートのために新しいフォルダーを作成します。
    • こうしたタスクは、多くの場合開発者がおこなうことができます。
  • 開発者
    • 技術的/内部的詳細に集中します。
    • 開発環境の経験が必要です。
    • テンプレート作成者に必要な情報を提供します。
  • テンプレート作成者
    • グループ template-authors のメンバーである特定の作成者です。
      • 必要な特権および権限を割り当てます。
    • コンポーネントおよび次のものを必要とするその他の高レベルの使用法を設定できます。
      • 一部の技術的知識
        • 例えば、パスを定義するときのパターンの使用。
      • 開発者からの技術情報。

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

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

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

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

メモ

多くの場合、許可されたテンプレート​は Web サイトが最初に設定されたときに事前定義されています。

ヒント

国際化する必要がある情報は、テンプレートに含めないでください。

ローカライズが必要なヘッダーやフッターなどのテンプレート要素の場合は、コアコンポーネントのローカライゼーション機能を利用します。

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

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

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

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

    メモ

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

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

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

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

    メモ

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

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

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

    メモ

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

メモ

テンプレートは、ページ作成ワークフローを効率化する強力なツールです。ただし、テンプレートが多すぎると作成者が圧倒され、ページ作成がを混乱するおそれがあります。経験上、テンプレートの数を 100 未満に抑えるのがよいでしょう。

パフォーマンスに影響が及ぶ可能性があるので、1000 個を超えるテンプレートを用意することはお勧めしません。

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

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

  • 画像
    • 画像はテンプレートのサムネールとして「ページを作成」ウィザードなどで選択を容易にするために使用します。
      • アップロード可能
      • テンプレートコンテンツに基づいて生成可能
  • タイトル
    • タイトルは「ページを作成」ウィザードなどでテンプレートを識別するために使用します。
  • 説明
    • 説明では「ページの作成」ウィザードなどで表示できるテンプレートとその用途に関する詳細情報を追加します。

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

  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 つのアクションにより、コンポーネントにコンテンツを追加できます。

構造を示す境界線

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

ポリシーとプロパティ(一般)

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

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

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

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

コンテンツポリシー

設定ウィンドウは 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. テンプレート​コンソールから独自のテンプレートを公開します。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now