現在表示中:

ページを作成するときは、テンプレートを選択する必要があります。このテンプレートをベースに新しいページが作成されます。テンプレートによって、結果ページの構造、すべての初期コンテンツ、使用可能なコンポーネント(設計プロパティ)が定義されます。

テンプレートエディターでテンプレートを作成して管理することは、開発者のみのタスクではなくなりました。技術関連の作成者も関わってくる可能性があります。環境の設定、クライアントライブラリの作成、使用されるコンポーネントの作成は今でも開発者が行う必要がありますが、これら基本となる部分が一度配置されると、作成者が開発プロジェクトや反復なしにテンプレートを作成して構成できるようになります。

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

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

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

  • (使用可能な)コンポーネントをテンプレートに追加して対応するグリッドに配置します。
  • コンポーネントを事前に構成します。
  • (テンプレートから作成された)結果ページで編集できるコンポーネントを定義します。

警告:

テンプレートコンソールとテンプレートエディターは、タッチ操作向け UI でのみ使用できます。

注意:

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

始める前に

始める前には、次の点が重要です。

役割

(テンプレートコンソールとテンプレートを使用して)新しいテンプレートを作成するには、次のロールによる共同作業が必要です。

  • 管理者:
    • テンプレートの新しいフォルダーを作成するには、admin 権限が必要です。
  • 開発者:
    • 技術的/内部的な詳細に注力します。開発環境における経験が必要です。
    • テンプレートの作成者に必要な情報を提供します。
  • テンプレート作成者:
    • グループのメンバーである具体的な作成者:
          template-authors
      これにより必要な権限が割り当てられます。
    • コンポーネントの用途とその他の高度な詳細を設定できます。必要なもの:
      • 一部の技術的な詳細についての経験(例:パターンを使用してパスを定義する)。
      • (開発者からの)テクニカル情報。

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

テンプレートのタイプ

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

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

    • 作成者がテンプレートコンソールとテンプレートエディターを使用して作成および編集できます。テンプレートコンソールは、ツールコンソールの一般セクションからアクセスできます(タッチ操作向け UI でのみ使用できます)。
    • 新しいページが作成された後も、ページとテンプレートの間で動的な接続が維持されます。つまり、テンプレート構造やロックされたコンテンツに変更を加えると、そのテンプレートを使用して作成されたすべてのページに反映されます。アンロックされた(初期)コンテンツに対する変更は反映されません。
    • (テンプレートエディターで定義できる)コンテンツポリシーを使用して設計プロパティを保持できます(ページエディター内の設計モードは使用しません)。
  • 静的テンプレート

    • これらのテンプレートは、AEM のいくつかのバージョンで使用できます。
    • これらは開発者によって提供されているため、作成者が作成および変更することはできません。
    • コピーされて新しいページが作成されるので、これ以降動的な接続は存在しません(ただし、情報にテンプレート名は登録されます)。
    • 設計プロパティを保持するには、デザインモードを使用します。

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

テンプレートを使用して新しいページを作成するとき、使用しているテンプレートに視覚的な差異はなく、使用しているタイプは示されません。

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

編集可能な新しいテンプレートを作成するには、次のようにします。

注意:

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

警告:

テンプレートコンソールとテンプレートエディターは、タッチ操作向け UI でのみ使用できます。

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

標準の AEM インスタンスでは、テンプレートコンソールに既にグローバルフォルダーが存在します。この中にデフォルトのテンプレートが格納されており、現在のフォルダーにポリシーやテンプレートタイプがない場合にはフォールバックとして機能します。このフォルダーにデフォルトのテンプレートを追加するか、カスタマイズしたテンプレート(サイトや言語固有のテンプレートなど)を格納する新しいフォルダーを作成します。

テンプレートコンソール内にフォルダーを作成する際に、次のプロパティを定義します。

  • タイトル
    フォルダーのタイトルです。コンソールに表示されます。
  • 名前
    フォルダーの名前です。URL に使用されます。

テンプレートのタイプやポリシーは、次の優先順位に従ってすべてのフォルダーに継承されます。

  1. 現在のフォルダー。
  2. 現在のフォルダーの親。
  3. /conf/global
  4. /apps
  5. /libs

許可されたすべてのエントリーのリストが表示されます。オーバーラップする設定がある場合(パス/ラベル)、現在のフォルダーに最も近いインスタンスがユーザーに表示されます。

新しいフォルダーは /conf の下に作成してください。

  1. インスタンスの新しいフォルダー(/conf の下)は、プログラムで自動的にまたは CRXDE Lite を使用して作成されます。

    次の構造を使用する必要があります。

    /conf
        <your-folder-name> [sling:Folder]
            settings [sling:Folder]
                wcm [cq:Page]
                    templates [cq:Page]
                    policies [cq:Page]
  2. その後、フォルダーのルートノードに次のプロパティを定義できます。

        <お使いのフォルダー名> [sling:Folder]

    • 名前:jcr:title
      • タイプ:String
      • 値:テンプレートコンソールに表示される(フォルダーの)タイトルです。
  3. 作成者が新しいフォルダーにテンプレートを作成できるようにするには、標準のオーサリング権限(content-authors など)に加え、グループを割り当てて作成者に必要なアクセス権限(ACL)を定義する必要があります。詳しくは、アクセス権限の管理を参照してください。

    割り当てる必要があるデフォルトのグループは、template-authors グループです。

    パス 役割/グループ 権限 - オーサー環境
    権限 - パブリッシュ環境
    説明
    /conf/<お使いのフォルダー>/settings/wcm/templates template-authors
    読み込み、書き込み、レプリケート 読み込み、書き込み、レプリケート 標準インストールでは、 template-authors グループは空です。
    /conf/<お使いのフォルダー>/settings/wcm/policies everyone read read  

    警告:

    template-authors グループは、新しいテンプレートを作成する必要があるユーザー専用です。

    これは非常に強力な機能であるので、実稼動準備完了環境nosamplecontent 実行モード)で使用する際には空にする必要があります。

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

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

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

  3. タイプを選択」、「次へ」を選択します。

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

    • テンプレート名
    • 説明

     

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

    注意:

    新しい作成されたテンプレートは、コンソールでドラフトとマークされます。これは、テンプレートがまだ有効化されていないことを示します。

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

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

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

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

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

  2. ツールバーまたはクイックオプションから「プロパティを表示」を選択してダイアログを開きます。

    注意:

    テンプレートが有効化または無効化されると、コンソールに示されます。

  3. これでテンプレートのプロパティを表示または編集できます。

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

ページを作成する際にテンプレートを使用するには、次の両方のタスクを実行する必要があります。

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

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

ページを作成」ウィザードで、テンプレートを使用できるようにする(または使用不可にする)ように有効化(または無効化)できます。

警告:

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

注意:

テンプレートは同じ手順で無効化できます。

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

  2. ツールバーから有効化を選択し、確認ダイアログでもう一度選択します。

    注意:

    テンプレートが有効化または無効化されると、コンソールに示されます。

  3. これで新しいページを作成するときにテンプレートを使用できます。ただし、ほとんどの場合は要件に従ってテンプレートを編集する必要があります。

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

ページを作成」ウィザードで、テンプレートを使用できるようにする(または使用不可にする)ように有効化(または無効化)できます。

注意:

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

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

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

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

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

    /conf/<お使いのフォルダー>/settings/wcm/templates/.*

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

    注意:

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

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

    注意:

    多くの場合、これは Web サイトが設定されるときに定義されます。パスは開発者によって提供されます。

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

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

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

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

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

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

テンプレートの編集

テンプレートを作成(または編集)するときに、様々な側面を定義できます。

  1. 構造

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

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

    注意:

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

  2. 初期コンテンツ

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

    注意:

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

  3. レイアウト

    ここでは、必要なデバイスの形式に合わせたテンプレートのレイアウトを事前定義できます。

  4. ページポリシー

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

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

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

警告:

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

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

構造モードでは、テンプレートのコンポーネントとコンテンツを定義できます。

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

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

注意:

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

  • コンポーネントの追加

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

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

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

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

    注意:

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

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

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

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

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

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

  • 編集と設定

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

  • 構造を示す境界線

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

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

  • コンテンツポリシーとデザインの詳細

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

    注意:

    これはコンテナコンポーネントでは必須です。コンテナで使用できるコンポーネントを定義できます。

    ポリシーを作成または選択すると設計アイコンが使用できるようになり、ポリシーに含まれているデザインの詳細を編集できます。

    デザインの詳細はコンポーネントの種類によって異なります。例えば、画像は最小サイズと最大サイズの両方とも幅と高さによって構成され、レイアウトコンテナではコンテナ内で使用できるコンポーネントのリストを定義できます。

    注意:

    デザインの詳細は、ページ作成者がデザインモードを使用しているときにアクセスできるデザインダイアログと同じです。

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

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

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

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

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

  • 既存ページとの関係性

    結果ページが作成された後に構造が更新されると、それらのページにも変更が反映されます。

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

初期コンテンツモードは、結果ページが最初に作成されるときに表示されるコンテンツを定義するために使用し、ページ作成者が編集できます。

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

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

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

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

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

  • 結果ページが作成された後に初期コンテンツが更新されても、それらのページには変更が反映されません。

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

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

注意:

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

テンプレートの編集 - ページポリシー - 作成者/開発者

ページ情報メニューの)「ページポリシー」オプションを使用して、テンプレートや結果ページにコンテンツポリシーを適用できます。これにより、ページ上の主段落システムのコンテンツポリシーが定義されます。

注意:

テンプレート作成者は実際にテンプレートのページポリシーを指定しますが、開発者から該当のクライアント側ライブラリの詳細を受け取る必要があります。

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

  2. ダイアログで、このテンプレートで作成されるページに対して適用または適用を解除するページポリシーを選択または選択解除します。

  3. 完了(チェックマークアイコン)をクリックして選択を確定します。

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

ページ情報メニューの)「ページデザイン」オプションを使用して、ページデザインダイアログの必要なクライアント側ライブラリを定義できます。これらのクライアント側ライブラリには、テンプレートや結果ページと共に読み込まれるスタイルシートや JavaScript のスクリプトが含まれています。

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

  2. このテンプレートで作成されるページに対して適用するクライアント側ライブラリを指定します。必要に応じてフィールドを追加し、相対的な位置を定義します。

    注意:

    クライアント側ライブラリの詳細は開発者によって提供されます。

  3. 完了(チェックマークアイコン)をクリックして定義を確定します。

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

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

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

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

  3. 完了(チェックマークアイコン)をクリックして定義を確定します。

ベストプラクティス

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

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

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

    • 構造に対する変更:
      結果ページに即座に適用されます(訪問者が変更を確認するには変更されたテンプレートを発行する必要があります)。
    • コンテンツポリシーとデザイン設定に対する変更:
      結果ページに即座に適用されます(訪問者が変更を確認するには変更を発行する必要があります)。
    • 初期コンテンツに対する変更:
      テンプレートが変更された後に作成されるページに対してのみ適用されます。
    • レイアウトに対する変更:
      変更されるコンポーネントが次のいずれであるかによって変わります。
      • 構造のみ - 即座に反映
      • 初期コンテンツが含まれる - 変更後に作成されたページに対してのみ

    危険がある部分:

    • 有効化されたテンプレートのコンポーネントのロックまたはロック解除:
      既存のページが既に使用している可能性があるため、副次的な影響を引き起こすことがあります。一般的に、以下のようになります。
      • (ロックされていた)コンポーネントのロックを解除すると既存のページに表示されなくなります
      • (編集可能であった)コンポーネントをロックするとそのコンテンツがページに表示されることを防ぎます

    注意:

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

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

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

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー