サイトテンプレート

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 などを含むサイトの外観を変更します。

標準サイトテンプレート

Adobeには、独自のテンプレートを作成する際の基礎として使用できる、ベストプラクティスの参照テンプレートが用意されています。 標準サイトテンプレートは GitHub で入手できます。

標準サイトテンプレートの最新リリース は、 新しいサイトを作成しています。

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

Adobeには、新しいサイトテンプレートを作成するためのスクリプトのセットとして、およびAEMサイトテンプレートビルダーが用意されています。

AEM Site Template Builder は、GitHub の使用方法に関するドキュメントと共に利用できます。 フロントエンド開発者エクスペリエンスは、 サイトのテーマ サイトの構造とコンテンツをカスタマイズするには、AEM開発者の知識が必要です。

このページ