サンプルページの作成

AEM Communities 6.1 以降では、サンプルページを作成する最も簡単な方法は、1 つのページ機能のみで構成されるシンプルなコミュニティサイトを作成することです。

この場合、オーサリング用にコンポーネントを有効にできるように parsys コンポーネントが含まれます。

サンプルコンポーネントを調査するためのもう 1 つのオプションは、コミュニティコンポーネントガイドで提示される機能を使用することです。

コミュニティサイトの作成

これは、AEM Communities の使用の手引きに記載されている新しいサイトの作成とよく似ています。

主な違いは、このチュートリアルでは、ページ機能のみを含む新しいコミュニティサイトテンプレートを作成して、他の機能がないシンプルなコミュニティサイトを作成する点です(ただし、すべてのコミュニティサイトの基礎となる、あらかじめ接続された機能は含まれます)。

新しいサイトテンプレートの作成

初めに、シンプルなコミュニティサイトテンプレートを作成します。

作成者インスタンスのグローバルナビゲーションから、ツール/コミュニティ/サイトテンプレート​を選択します。

chlimage_1-82

  • Create button

  • 基本情報

    • Name:単一ページのテンプレート
    • Description:単一のPage関数で構成されるテンプレートです。
    • Enabledを選択

chlimage_1-83

  • 構造

    • Page関数をテンプレートビルダーにドラッグします

    • 「構成関数の詳細」に、

      • Title:単一ページ
      • URL: page

chlimage_1-84

  • 構成に​Save​を選択
  • サイトテンプレートに​Save​を選択

新しいコミュニティサイトの作成

次に、シンプルなサイトテンプレートに基づいて新しいコミュニティサイトを作成します。

サイトテンプレートを作成した後、グローバルナビゲーションで​コミュニティ/サイト​を選択します。

chlimage_1-85

  • Create​アイコンを選択

  • 手順 1 - Site Template

    • Title:シンプルコミュニティサイト

    • Description:実験用の単一ページから成るコミュニティサイトです。

    • Community Site Root: (leave blank)

    • Community Site Base Language: English

    • Name: sample

      • url = http://localhost:4502/content/sites/sample
    • Template:選択 Single Page Template

chlimage_1-86

  • Next

  • 手順 2 - Design

    • 任意のデザインを選択
  • Next

  • Next

    (すべてのデフォルト設定を受け入れる)

  • Create

chlimage_1-87

サイトの公開

chlimage_1-88

コミュニティサイトコンソールから、「発行」アイコンを選択して、サイトを http://localhost:4503(デフォルト)に公開します。

オーサー環境でのサイトの編集モードでのオープン

chlimage_1-89

「サイトを開く」アイコンを選択して、編集モードでサイトを表示します。

URLはhttp://localhost:4502/editor.html/content/sites/sample/en.htmlになります。

chlimage_1-90

シンプルなホームページでは、コミュニティ機能とテンプレートを介してあらかじめ接続された機能を確認し、コミュニティコンポーネントの追加や設定を試してみることができます。

パブリッシュ環境でのサイトの表示

ページを公開したら、パブリッシュインスタンスでページを開いて、匿名のサイト訪問者、サインインしたメンバーまたは管理者として機能を確認します。作成者環境に表示される「管理」リンクは、管理者がログインしない限り公開環境に表示されません。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now