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

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

オーサーインスタンスを使用して新しいコミュニティサイトを作成します。

  • 管理者権限でログイン
  • グローバルナビゲーションから:ナビゲーション/コミュニティ/サイト

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

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

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

createcommunitysite

Step 1 : Site Template

createsitetemplate63

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

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

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

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

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

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

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

    • サイトの作成後に名前が容易に変更されないので、名前を再確認します。
    • コミュニティサイト名の下に初期URLが表示されます。
    • 有効なURLに、ベース言語コード+ ".html"を追加する
    • 例: http://localhost:4502/content/sites/ engage/en.html
  • テンプレート:~を選ぶ Reference Site

次へ」を選択します。

手順 2:デザイン

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

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

目的のスタイルを選択し、テンプレートに適用します。選択すると、テーマにチェックマークが付きます。

sitetheme

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

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

chlimage_1-353 chlimage_1-354

次へ」を選択します。

手順 3:設定

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

イネーブルメント機能の使用を体験するには、 AEM Communities for Enablementの手引きを参照してください。

ユーザー管理

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

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

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

createsitesettings

タグ付け

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

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

  • 'tut'と入力します
  • Tutorial

chlimage_1-355

役割

コミュニティメ ンバーの役割は、役割セクションの設定を使用して割り当てられます。

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

例:

  • 「q」と入力します。
  • Quinn Harperを選択します。
メモ

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

community_roles-1

モデレート

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

chlimage_1-356

ANALYTICS

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

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

chlimage_1-357

翻訳

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

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

chlimage_1-358

イネーブルメント

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

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

次へ」を選択します。

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

作成」を選択します。

chlimage_1-359

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

communitiessitesconsole

新しいコミュニティサイトの公開

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

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

siteactionicons-1

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

siteactionsnew-1

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

  • サイトを
    開く鉛筆アイコンを選択して、コミュニティサイトをオーサー編集モードで開き、ページコンポーネントを追加または設定します。

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

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

  • サイトを書き
    出し書き出しアイコンを選択して、コミュニティサイトのパッケージを作成し、パッケージマネージャーに保存してダウ ンロー ドします。

    UGC はサイトパッケージに含まれていません。

  • サイトを削除

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

siteactions-1

メモ

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

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

  1. ツール/運営/レプリケーション​メニューに移動します。
  2. 作成者のエージェント​を選択します。
  3. デフォルトエージェント(publish)」を選択します。
  4. 設定​の横にある「編集」を選択します。
  5. エージェント設定のポップアップダイアログで、「トランスポート」タブを選択します。
  6. URIで、ポート番号4503を目的のポート番号に変更します。

例えば、ポート6103を使用するには、次のようにします。http://localhost:6103/bin/receive?sling:authRequestLogin=1

  1. OK」を選択します。
  2. (オプション) ClearまたはForce Retryを選択して、レプリケーションキューをリセットします。

サイトの公開

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

chlimage_1-360

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

chlimage_1-361

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

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

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

  • コミュニティ Engage コミュニティマネージャー
  • コミュニティ Engage グループ管理者
  • コミュニティ Engage メンバー
  • コミュニティ Engage モデレーター
  • コミュニティ Engage の権限を持つメンバー
  • コミュニティ Engage サイトコンテンツマネージャー

Aaron McDonald が次のグループのメンバーになっていることに注目してください。

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

chlimage_1-362

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

chlimage_1-363

認証エラーの設定

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

Login Page Mapping

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

オプションの手順

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

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

これをおこなうには、CRXDE Lite を使用して、パブリッシュ側でリソースマッピングテーブルを編集します。

作業を開始するには:

  1. 公開時に、管理者権限でログインします。

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

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

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

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

      • ​Namelocalhost.4503

        not​は:を使用しないでください)。

      • 型:マッピング

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

    • プロパティの追加

      • 名前:sling:match

      • タイプ:String

      • :localhost.4503/$

        (「$」文字で終わる必要があります)

    • プロパティの追加

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

  7. (オプション)閲覧履歴の削除

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

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

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

chlimage_1-364

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

変更を保存できない場合は、ノード名が localhost.4503(区切り文字が「ドット」)となっているかを確認してください。localhost:4503 は有効な名前空間のプレフィックスではないので、localhost(区切り文字が「コロン」)という表記は正しくありません。

chlimage_1-365

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

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

サイトの変更

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

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

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

メモ

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

このページ