デモサイトを作成

最終更新日: 2023-11-17

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

これまでの説明内容

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

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

この記事では、参照デモアドオンのテンプレートに基づいてAEMでサイトまたはAEM Screensプロジェクトを作成し、プロセスの次の手順について説明します。

目的

このドキュメントでは、参照デモアドオンのテンプレートに基づいてサイトを作成する方法を説明します。 読み終えると、次のことが習得できます。

  • 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 を初めて使用する場合は、ナビゲーションやコンソールの構成などの基本的な概念を理解するために、このドキュメントを参照してください。

このページ