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

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

作成者インスタンスを使用して、コミュニティサイトを作成します。 AEM作成者インスタンスで:

  1. 管理者権限でサインインします。
  2. グローバルナビゲーションから、コミュニティ > サイト​に移動します。

コミュニティサイトコンソールでは、コミュニティサイトを作成する手順を案内するウィザードが提供されます。最後の手順でサイトをコミットする前に、NextまたはBackを前の手順に進むことができます。

新しいコミュニティサイトの作成を開始するには:

  • Createボタンを選択します。

createcommunitysite

Step 1 : Site Template

サイトを作成するテンプレート

「サイトテンプレート」の手順では、URL のタイトル、説明、名前を入力し、コミュニティサイトテンプレートを選択します。次に例を示します。

  • コミュニティサイトのタイトル: Getting Started Tutorial

  • コミュニティサイトの説明: A site for engaging with the community.

  • コミュニティサイトルート:(デフォルトのルートの場合は空白のまま /content/sites)

  • クラウド設定:(クラウド設定が指定されていない場合は空欄のままにする)指定されたクラウド設定へのパスを入力します。

  • コミュニティサイトの基本言語:(単一言語の場合は手を付けないでください)。英語)ドロップダウンリストを使用して、使用可能な言語(ドイツ語、イタリア語、フランス語、日本語、スペイン語、ポルトガル語(ブラジル)、中国語(繁体字)、中国語(簡体字))から1つ または 複数のベース言語を選択します。追加された言語ごとに1つのコミュニティサイトが作成され、多言語サイト用のコンテンツの翻訳で説明されているベストプラクティスに従って、同じサイトフォルダー内に存在します。 各サイトのルートページには、選択したいずれかの言語の言語コード(例えば、英語では「en」、フランス語では「fr」)で名付けられた子ページが含まれます。

  • コミュニティサイト名:engage

    • サイトの作成後に名前が容易に変更されないので、重複チェックを行います。
    • コミュニティサイト名の下に最初のURLが表示されます
    • 有効なURLの場合は、ベース言語コード+ ".html"を追加します。
    • 例えば、https://localhost:4502/content/sites/ engage/en.html
  • テンプレート:下に降りて~を選ぶ Reference Site

  • 次へ」を選択します。

手順 2:デザイン

デザインの手順は、テーマとブランディングバナーを選択するための2つのセクションで示されます。

コミュニティサイトテーマ

目的のスタイルを選択し、テンプレートに適用します。選択すると、テーマはチェックマークでオーバーレイされます。

コミュニティサイトブランディング

(オプション)サイトページ全体に表示するバナー画像をアップロードします。 バナーは、ブラウザーの左端(コミュニティサイトのヘッダーとナビゲーションリンクの間)に固定されます。 バナーの高さは 120 ピクセルに切り詰められます。バナーがブラウザーの幅や 120 ピクセルの高さに合わせてリサイズされることはありません。

地域社会的サイトブランディング

upload-image-site

次へ」を選択します。

手順 3:設定

設定の手順でNextを選択する前に、ユーザー管理、タグ付け、モデレート、グループ管理、分析、翻訳、有効化に関する設定にアクセスできる7つのセクションがあることに注意してください。

有効化のためのAEM Communitiesの使用の手引きチュートリアルにアクセスして、有効化機能の使用を体験してください。

ユーザー管理

ユーザー管理」タブのチェックボックスをすべてオンにします。

  • サイト訪問者が自己登録できるようにするには
  • サイト訪問者がサインインせずにサイトに表示できるようにするには
  • 他のコミュニティメンバーからのメッセージの送受信を許可するには
  • プロファイルの登録と作成を行う代わりにFacebookでのログインを許可するには
  • プロファイルの登録と作成を行う代わりに、Twitterでのログインを許可するには
メモ

実稼動環境では、カスタムの Facebook アプリケーションおよび Twitter アプリケーションを作成する必要があります。Facebook と Twitter を使用したソーシャルログインを参照してください。

コミュニティサイトの設定

タグ付け

コミュニティコンテンツに適用できるタグは、タグ付けコンソールで事前に定義したAEM名前空間(チュートリアル名前空間など)を選択することで制御します。

名前空間は先行入力検索で簡単に検索できます。例:

  • タイプ tut
  • Tutorial

tagging

役割

コミュニティメンバ ーロールは、[役割]セクションの設定を通じて割り当てられます。

コミュニティメンバー(またはメンバーのグループ)がコミュニティマネージャーとしてサイトを体験できるようにするには、先頭入力検索を使用し、ドロップダウンのオプションからメンバーまたはグループ名を選択します。

例:

メモ

トンネル サービスでは、パブリッシュ環境のみに存在するメンバーとグループを選択できます。

新しいサイトでのユーザーの役割

モデレート

モデレートユーザー生成コンテンツ(UGC)のデフォルトのグローバル設定を受け入れます。

モデレート

Analytics

Adobe Analytics のライセンスを持っていて、Analytics のクラウドサービスおよびフレームワークが設定されている場合は、Analytics を有効にしてフレームワークを選択できます。

コミュニティ機能のための Analytics の設定を参照してください。

分析

翻訳

翻訳設定では、サイトの基本言語に加えて、UGC の翻訳を許可するかどうかと、どの言語に翻訳するかを指定します。

  • 機械翻訳を許可​を確認
  • デフォルトの機械翻訳サービスで、翻訳用にデフォルトの言語を選択したままにする
  • デフォルトの翻訳プロバイダーとconfigのままにする
  • 言語コピーがないので、グローバルストアは不要です
  • ページ全体を翻訳​を選択
  • デフォルトの永続性オプションをそのまま使用

translation-settings

イネーブルメント

エンゲージメントコミュニティを作成する場合は空白のままにします。

イネーブルメントコミュニティをすばやく作成する方法のチュートリアルについて詳しくは、イネーブルメントのための AEM Communities 使用の手引きを参照してください。

次へ」を選択します。

有効化

手順 4:コミュニティサイトの作成

作成」を選択します。

create-site

プロセスが完了すると、新しいサイトのフォルダーがコミュニティサイトコンソールに表示されます。

communitiesconsole

コミュニティサイトを公開する

作成したサイトは、コミュニティ - サイトコンソールで管理する必要があります。このコンソールは、新しいサイトを作成するコンソールと同じものです。

コミュニティサイトのフォルダーを選択して開いた後、サイトアイコンにマウスカーソルを合わせると 4 つのアクションアイコンが表示されます。

siteactionicons-1

4つ目の楕円アイコン(その他のアクション)を選択すると、「サイトを書き出し」オプションと「サイトを削除」オプションが表示されます。

siteactionsnew-1

各アイコンの機能は次のとおりです(左から右の順に説明)。

  • サイトを開く

    ページコンポーネントの追加や設定を行うには、鉛筆アイコンを選択して、作成者編集モードでコミュニティサイトを開きます

  • サイトを編集

    プロパティアイコンを選択して、コミュニティサイトを開き、タイトルやテーマの変更など、プロパティの変更を行います

  • サイトを公開

    コミュニティサイトを公開するには、世界中のアイコンを選択します(例えば、公開サーバーがローカルマシンで実行されている場合は、デフォルトでlocalhost:4503に移動します)。

  • サイトを書き出し

    書き出しアイコンを選択して、コミュニティサイトのパッケージを作成します。このパッケージが、パッケージマネージャーに格納され、ダウンロード可能になります。UGC はサイトパッケージに含まれていません。

  • サイトを削除

    コミュニティ/サイトコンソール​内からコミュニティサイトを削除するには、削除アイコンを選択します。 サイトを削除すると、UGC やユーザーグループ、アセット、データベースレコードなど、そのサイトに関連付けられているアイテムがすべて削除されます。

siteactions

メモ

パブリッシュインスタンスにデフォルトポートの 4503 を使用していない場合は、デフォルトのレプリケーションエージェントを編集し、ポート番号を正しい値に設定します。

オーサーインスタンスで、メインメニューから:

  1. ツール > 操作 > レプリケーション​メニューに移動します。
  2. 「作成者​]のエージェント」を選択します。[
  3. デフォルトエージェント(発行)」を選択します。
  4. 設定」の横にある「編集」を選択します。
  5. エージェント設定のポップアップダイアログで、「トランスポート」タブを選択します。
  6. URIで、ポート番号4503を目的のポート番号に変更します。 例えば、ポート6103を使用するには:https://localhost:6103/bin/receive?sling:authRequestLogin=1
  7. OK」を選択します。
  8. (オプション)レプリケーションキューをリセットするには、「クリア」または「再試行を強制」を選択します。

サイトの公開

公開サーバーが実行中であることを確認したら、地球のアイコンを選択して、コミュニティサイトを公開します。

publish-site

コミュニティサイトが正常に公開されると、「公開済みのサイト」というメッセージが短く表示されます。

新しいコミュニティユーザーグループ

新しいコミュニティサイトとともに、新しいユーザーグループが作成されます。各グループには、様々な管理機能に応じて適切な権限が設定されています。詳しくは、コミュニティサイトのユーザーグループを参照してください。

この新しいコミュニティサイトでは、手順 1 で「engage」というサイト名を指定したので、グループコンソール(グローバルナビゲーション:コミュニティ/グループ)で以下に示す 4 つの新しいユーザーグループを確認できます。

  • コミュニティのソーシャル管理
  • コミュニティソーシャル管理グループの管理者
  • コミュニティ Engage メンバー
  • コミュニティ Engage モデレーター
  • コミュニティの権限を持つメンバー
  • Community Engage Site Content Manager

アーロン・マクドナルド

  • コミュニティのソーシャル管理
  • コミュニティ Engage モデレーター
  • コミュニティ Engage メンバー(モデレーターグループのメンバーとして間接的に)

user-group

https://localhost:4503/content/sites/engage/en.html

関与する

認証エラーの設定

サイトが設定され、発行にプッシュされたら、発行インスタンスでログインマッピング(Adobe Granite Login Selector Authentication Handler)を設定します。 ログイン資格情報が正しく入力されていない場合、認証エラーによってコミュニティサイトのログインページが再表示され、エラーメッセージが表示されるという利点があります。

追加Login Page Mapping

  • /content/sites/engage/en/signin:/content/sites/engage/en

オプションの手順

デフォルトのホームページの変更

公開サイトをデモ目的で操作するときは、デフォルトのホームページを新しいサイトに変更すると便利です。

これを行うには、CRXDE Liteを使用して、発行時にresource-mappingテーブルを編集する必要があります。

開始するには:

  1. 発行インスタンスで、管理者権限でサインインします。

  2. https://localhost:4503/crx/deを参照します。

  3. プロジェクトブラウザで/etc/map.を展開します。

  4. httpノードを選択します。

    • ノードを作成:」を選択します。

  5. 新しく作成したlocalhost.4503ノードを選択した状態:

    • 追加プロパティ:

    • 名前:sling:match

      • タイプ:String
      • ​Valuelocalhost.4503/$(「$」文字で終わる必要があります)
    • 追加プロパティ:

      • 名前:sling:internalRedirect
      • タイプ:String
      • :/content/sites/engage/en.html
  6. 「すべて保存」を選択します。

  7. (オプション)閲覧履歴を削除します。

  8. https://localhost:4503/を参照します。

    • https://localhost:4503/content/sites/engage/en.htmlにアクセスします。
メモ

無効にするには、sling:matchプロパティの値の先頭に「x」 — xlocalhost.4503/$ — と​**「すべて保存**」を付けます。

オプションステップ

トラブルシューティング:マップ保存エラー

変更を保存できない場合は、ノード名が「ドット」区切り文字のlocalhost.4503で、「コロン」区切り文字のlocalhost:4503ではなく、「a2/>」が有効な名前空間プレフィックスではないことを確認してください。localhost

error-message

トラブルシューティング:リダイレクト失敗

正規式sling:match文字列の末尾の「$」が重要なので、正確にhttps://localhost:4503/のみがマッピングされます。そうでない場合、リダイレクト値はURLのserver:portの後に存在する任意のパスにプリフィックスされます。 したがって、AEMがログインページにリダイレクトしようとすると、失敗します。

サイトの変更

サイトを最初に作成した後、作成者はサイトを開くアイコンを使用して、標準的な AEM のオーサリングアクティビティを実行できます。

また、管理者はサイトを編集アイコンを使用して、タイトルなどのサイトプロパティを変更できます。

変更後は、必ず​保存​して再​公開​してください。

メモ

AEM に馴染みがない場合は、基本操作に関するドキュメントおよびページのオーサリングのクイックガイドを参照してください。

このページ

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