デモサイトを作成

事前設定済みのテンプレートのライブラリに基づいて、AEM にデモサイトを作成します。

これまでの説明内容

AEM Reference Demo Add-On ジャーニーの前のドキュメントであるプログラムを作成では、最初の設定手順で、テスト用のプログラムを作成し、パイプラインを使用してアドオンコンテンツをデプロイしました。その結果、以下を習得しました。

  • Cloud Manager を使用した新しいプログラムの作成方法。
  • 新しいプログラムの Reference Demos Add-On を有効にする方法。
  • パイプラインを実行してアドオンコンテンツをデプロイ。

この記事では、Reference Demo Add-On のテンプレートに基づいて AEM で新しいサイトまたは AEM Screens プロジェクトを作成することで、プロセスの次の手順を説明します。

目的

このドキュメントは、Reference Demo Add-On のテンプレートに基づいて新しいサイトを作成する方法を理解するのに役立ちます。読み終えると、次のことが習得できます。

  • AEM オーサリング環境へのアクセス方法の理解。
  • テンプレートに基づくサイトの作成方法の理解。
  • サイト構造内を移動し、ページを編集する際の基本事項の理解。

デモサイトの作成または Screens プロジェクトの作成

パイプラインが Reference Demo Add-On をデプロイしたら、AEM オーサリング環境にアクセスして、アドオンコンテンツに基づくデモサイトを作成できます。

  1. Cloud Manager のプログラムの概要ページで、AEM オーサリング環境へのリンクをタップまたはクリックします。

    オーサリング環境へのアクセス

  2. AEM のメインメニューで、「Sites」をタップまたはクリックします。

    Sites へのアクセス

  3. サイトコンソールから、画面の右上にある「作成」をタップまたはクリックし、ドロップダウンで「テンプレートからのサイト」を選択します。

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

  4. サイト作成ウィザードが開始されます。左側の列には、パイプラインがオーサリングインスタンスにデプロイしたデモテンプレートが表示されます。1 つをタップまたはクリックして選択すると、右側の列に詳細が表示されます。AEM Screens のテストやデモを行う場合は、必ず We.Cafe サイトテンプレート​を選択します。「次へ」をタップまたはクリックします。

    サイト作成ウィザード

  5. 次の画面で、サイトのタイトルまたは Screens プロジェクトのタイトルを指定します。サイト名を指定できます。省略した場合はタイトルからサイト名が生成されます。「作成」をタップまたはクリックします。

    • サイトのタイトルは、ブラウザーのタイトルバーに表示されます。
    • サイト名が URL の一部になります。
    • サイト名は、AEM のページ命名規則に従う必要があります。詳細については、その他のリソースの節を参照してください。

    サイトの詳細

  6. ダイアログで、サイトの作成が確認されます。「完了」をタップまたはクリックします。

    サイトの作成の完了

独自のデモサイトを作成しました。

デモサイトを使用

デモサイトが作成されたので、AEM 内の他のサイトと同様に移動して使用できます。

  1. サイトがサイトコンソールに表示されます。

    サイトコンソールの新しいデモサイト

  2. 画面の右上隅で、コンソールビューが​列表示​に設定されていることを確認します。

    列表示

  3. サイトをタップまたはクリックして、その構造とコンテンツを参照します。デモサイトのコンテンツツリーを移動すると、列表示が継続的に展開します。

    サイト構造

  4. ページをタップまたはクリックして選択し、ツールバーの「編集」をタップまたはクリックします。

    ページを選択

  5. コンポーネントやアセットの追加や編集など、他の AEM コンテンツページと同様にページを編集し、AEM の機能をテストできます。

    ページを編集

おめでとうございます。これで、デモサイトのコンテンツをさらに詳しく調べ、Reference Demo Add-On のベストプラクティスコンテンツを通じて AEM が提供するすべてを見つけることができます。

他のテンプレートに基づいて追加のサイトを作成し、より多くの AEM 機能を調べます。

次の手順

これで、AEM Reference Demo Add-On ジャーニーのこのステップが完了し、以下を習得しました。

  • AEM オーサリング環境へのアクセス方法の理解。
  • テンプレートに基づくサイトの作成方法の理解。
  • サイト構造内を移動し、ページを編集する際の基本事項の理解。

アドオンコンテンツを使用して AEM の機能をテストできるようになりました。ジャーニーを続行するには、次の 2 つのオプションがあります。

  • AEM Screens のコンテンツの完全なデモとテストを行う場合は、前に説明したように、We.Cafe サイトテンプレート​に基づいてサイトをデプロし、続いてデモサイトに対して AEM Screens を有効にします。
  • Sites コンテンツのデモのみの場合は、続いてデモサイトの管理に進んで、デモサイトの管理に役立つツールと、デモサイトを削除する方法を学びます。

その他のリソース

  • Cloud Manager のドキュメント - Cloud Manager の機能について詳しくは、詳細な技術ドキュメントを直接参照してください。
  • サイトを作成 - AEM を使用して、サイトテンプレートを使用してサイトを作成し、サイトのスタイルと構造を定義する方法を説明します。
  • AEM のページ命名規則。 - AEM ページを整理する際の規則を理解するには、このページを参照してください。
  • AEM の基本操作 - AEM を初めて使用する場合は、ナビゲーションやコンソールの構成などの基本的な概念を理解するために、このドキュメントを参照してください。

このページ