AEM Sites テンプレートのダウンロードとインストール

次の手順を実行して、オンプレミスソフトウェア用のExperience Manager GuidesにAEM Sites テンプレートをダウンロードしてインストールします。

パッケージのインストール

  1. 次のパッケージをダウンロードします

  2. AEM インスタンスにログインし、CRX パッケージマネージャーに移動します。 パッケージマネージャーにアクセスするデフォルトの URL は次のとおりです。

    code language-http
    http://<server name>:<port>/crx/packmgr/index.jsp
    

    パッケージマネージャーは、ローカル AEM インストール上のパッケージを管理します。 パッケージマネージャーの操作について詳しくは、AEM ドキュメントの パッケージの操作方法を参照してください。

  3. パッケージをアップロードするには、「パッケージをアップロード」をクリックします。

  4. パッケージをアップロード ダイアログボックスで、手順 1 でダウンロードしたファイルに移動し、「OK」をクリックします。

    パッケージがAEM インスタンスにアップロードされます。

  5. パッケージをインストールするには、「インストール」をクリックします。

  6. パッケージをインストール ダイアログボックスで、「インストール」をクリックしてパッケージをインストールします。

AEM Sites プリセットで使用するテンプレートの設定

パッケージがインストールされると、Sites UI に AEMG という名前のサイトが作成されます。 このサンプルサイトでは、AEM Sites出力を生成するためのサイト構造を設定する方法を示しています。 これは単なるサンプルです。 必要に応じて、カスタムサイトを作成できます。

AEMG Sites サンプルページ

AEMG には、次のコンポーネントが含まれています。

  • 英語(en)用のフォルダーが AEMG フォルダーにあります。 必要に応じて、類似の言語コピーを作成できます。 例えば、多言語の Web サイトに英語(en)、ドイツ語(de)およびフランス語(fr)の言語コピーが含まれているとします。 言語コピーウィザードを使用して言語コピーを作成する方法について説明します。

  • Experience Manager Guidesでは、英語(en)の言語フォルダー内に、検索ログインドキュメントサポート など、多くの標準サンプルページが用意されています。

  • ドキュメント は、サンプルドキュメントのホームページです。 これは、すべての製品関連ドキュメントの一元的な場所として機能します
    個々のタイルとしてドキュメントを使用できる各製品を表示します。

  • ドキュメントのホームページのほか、検索ログインサポート のサンプルページも用意されています。 これらのサンプルは、必要に応じてカスタマイズできます。

  • Product1 など、個々の製品のホームページを作成できます。 サンプルページ Product1 は、ドキュメントのホームページである Docs の下に存在します。

  • Experience Manager Guidesには、次の定義済みテンプレートも用意されています。

    • コンテンツページ テンプレート:このテンプレートを使用して、製品サイトのコンテンツのほとんどを含む標準ページを作成します。 テキスト、画像、ビデオ、その他のコンテンツ要素を含めることができます。 このテンプレートにはヘッダーとフッターのみが含まれています。 必要に応じてカスタマイズして使用し、ページを作成します。 例えば、製品のサポートページやログインページを作成できます。
    • ホームページ テンプレート:web サイトのメインランディングページです。概要、主要な要素や機能などの主要なセクション、ナビゲーションリンクが含まれます。 例えば、製品 ABC のメインページは、他のコンテンツページまたは機能ページに接続します。
    • トピックページ テンプレート:トピックベースのコンテンツを整理して表示するために使用するページ。 例えば、ユーザーガイドには様々なトピックページが含まれており、各ページには、機能とトラブルシューティングに関連する特定のトピックが含まれています。

    サイトテンプレート

これらのサンプルとテンプレートを使用して、AEM Sites出力を生成します。

  • 製品のホームページは、マップのホームページに対応しており、ホームページテンプレートを使用して作成されます。 AEM Sites プリセットでこのパスを選択すると、その下にマップのコンテンツが公開されます。 製品のホームページには、他のホームページを含めることができます。
  • 例えば、Experience Manager Guidesのような製品があり、ユーザー、管理者および開発者向けの 3 つのマニュアルが必要だとします。 ホームページテンプレートを使用して各手動のホームページを作成し、AEM Sites出力プリセットで対応するホームページを選択します。

Web エディターで AEM Sites プリセットを作成および設定する方法について詳しく説明しす。

テンプレートを使用したホームページの作成

製品のホームページを作成するには、次の手順を実行します。

  1. パッケージをインストールしたら、グローバルナビゲーションから Sites を選択します。
  2. Sites UI にインストールされている「AEMG ドキュメント」テンプレートを選択します。
  3. Sites UI 内で、右上隅の 作成 ボタンをクリックします。
  4. 作成 ドロップダウンから「ページ」を選択します。
  5. ホームページ を選択し、「次へ」をクリックします。
  6. サイトのタイトルとサイト名を入力し、右上隅の 作成 をクリックします。 AEM サイトテンプレートは、ホームページ サイトテンプレートを使用して作成します。 例えば、製品 Product ABC ージのホームページを作成できます。
NOTE
ホームページを作成したら、このパスを AEM Sites パス として使用して、Publish プリセットの出力を生成できます。 例えば、aemg-docs-en/docs/product-abc のように指定します。

AEM Sitesのトピックテンプレートの編集

AEM Sites用にトピックテンプレートをカスタマイズすることもできます。 トピック内の様々なAEM コンポーネントのコンテンツを編集したりプロパティを設定したりできます。 例えば、必要に応じてコンポーネントを追加または削除できます。
次の手順を実行して、トピックテンプレートを編集します。

  1. 編集するテンプレートを選択します。
  2. 上部の 編集 アイコンを選択します。

AEM テンプレートエディターが開きます。 トピックテンプレートを編集できます。 詳しくは、 ページテンプレートの作成を参照してください。

既存のAEM Sites テンプレートのカスタマイズ

事前定義済みのテンプレートの他に、AEM Sites プリセットで既存のテンプレートを使用することもできます。 既存のAEM Sites テンプレートをカスタマイズするには、次の手順を実行します。

テンプレート設定

次の 2 種類のテンプレートが必要です。

  • カテゴリまたはランディングテンプレート:このテンプレートは、製品ドキュメントのランディングページに使用され、DITA マップに対応します。 このテンプレートを使用して、DITA マップのAEM サイトページが生成されます。 このテンプレートはどのレベルでも使用できます。
    – 既存のテンプレートにテキストコンポーネントを追加します。 テキストコンポーネントには、必須のプロパティ text="$category.html$" が必要です。
    – 例えば、we-retail テンプレートを選択し、DITA マップのランディングページテンプレートとして断面ページテンプレートを使用できます。 それには、次のスクリーンショットに示すように変更を行います。
    セクションページテンプレート

    • 詳細ページまたはトピック ページ テンプレート:マップのトピックのコンテンツに使用します。 DITA/XML コンテンツのすべての Sites ページは、トピックページテンプレートを使用して作成されます。 これらのテンプレートを作成するには、次の 2 つの前提条件があります。

      • 必須プロパティを使用して、コンテナコンポーネントに含まれるテキストコンポーネントをテンプレートに追加します。text="$topic.content$"

        コンテナページテンプレート

      • 次のスクリーンショットに示すように、同じテンプレートの構造に同じコンテナおよびテキストコンポーネントを反映します。

        コンテナテンプレートの構造

ドキュメントコンテナとしてのタグカテゴリページ

前のテンプレートを使用してドキュメントページに対してサイト階層が作成されている場合は、そのサイト階層で作成されたカテゴリページの 1 つを選択します。 カテゴリページに ID を付与して、ドキュメントコンテナとしてタグ付けします。
これを行うには、プロパティ idcategory-page を割り当てます。 次のスクリーンショットを参照してください。

タグカテゴリページ

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178