サイトテンプレート

最終更新日: 2023-11-17
  • 作成対象:
  • Admin

AEM サイトテンプレートを使用して、サイト構造と初期コンテンツを事前に定義し、サイトをすばやく作成する方法を説明します。

概要

一連の既存の標準に基づいて新しいサイトをすばやくデプロイするために、事前定義された構造を利用できると便利です。サイトテンプレートを使用すると、基本的なサイトコンテンツを組み合わせて、便利で再利用可能なパッケージを作成できます。

サイトテンプレートには通常、新しいサイトをすばやく開始するために、ベースサイトのコンテンツと構造、および サイトテーマと呼ばれるサイトスタイル設定情報が含まれています。管理者は、サイト作成プロセス中にサイトのベースとなるサイトテンプレートを選択します。

テンプレートは再利用かつカスタマイズ可能なので、強力です。また、AEM インストールで複数のテンプレートを使用できるため、様々なビジネスニーズを満たすために異なるサイトを柔軟に作成できます。

メモ

AEM サイトテンプレートをページテンプレートと混同しないでください。サイトテンプレートは、サイトの全体的な構造を定義します。ページテンプレートは、個々のページの構造と初期コンテンツを定義します。

AEM サイトテンプレートを AEM サイトテーマと混同しないでください。AEM サイトテーマには、AEM サイトのスタイル設定情報のみが含まれています。AEM サイトテンプレートは、サイト構造と初期コンテンツを定義し、クイックサイト作成を可能にする AEM サイトテーマを含んでいます。

サイトテンプレートの AEM への追加

複数のテンプレートを AEM に追加して、サイトの作成に使用できます。

  1. AEM オーサリング環境にサインインし、サイトコンソールに移動します

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. 選択 作成 画面の右上にあるをクリックし、ドロップダウンメニューから「 」を選択します。 テンプレートからのサイト.

    テンプレートからのサイトの作成

  3. サイトの作成ウィザードで、 インポート をクリックします。

    サイトの作成ウィザード

  4. ファイルブラウザーで、使用するテンプレートを探し、「 」を選択します。 アップロード.

  5. アップロードが完了すると、使用可能なテンプレートのリストに表示されます。

テンプレートがアップロードされ、新しいサイトの作成に使用できます。

既存のテンプレートを選択すると、右側の列にテンプレートに関する情報が表示されます。

テンプレートを選択

サイトテンプレート構造

サイトテンプレートは、パッケージコンテンツの目的を明確に反映する論理構造を持つ単なるパッケージです。サイトテンプレートの構造は次のとおりです。

  • files:UI キット、XD ファイル、およびその他のファイルを含むフォルダー
  • previews:サイトテンプレートのスクリーンショットを含むフォルダー
  • site:このテンプレートから作成される各サイト用にコピーされるコンテンツのコンテンツパッケージ(ページテンプレート、ページなど)。
  • theme:のソース サイトのテーマ を使用して、CSS や JavaScript などを含むサイトの外観を変更する場合。

Standard Site Template

アドビは、独自のテンプレートを作成するための基礎として使用できるベストプラクティスの参照テンプレートを提供しています。Standard Site Template は GitHub で入手できます。

標準サイトテンプレートの最新リリースをダウンロードすると、新しいサイトの作成に直接使用できます。

サイトテンプレートの開発

アドビは、新しいサイトテンプレートを作成するための一連のスクリプトとして AEM サイトテンプレートビルダーを提供しています。

AEM サイトテンプレートビルダーは、GitHub の使用方法に関するドキュメントと共に利用できますサイトテーマ をカスタマイズするにはフロントエンドの開発者の経験が必要であり、サイト構造とコンテンツをカスタマイズするには AEM 開発者の知識が必要です。

このページ