コミュニティサイトの作成 author-a-new-community-site

コミュニティサイトの作成 create-a-community-site

オーサーインスタンスを使用してコミュニティサイトを作成します。 AEM オーサーインスタンスの場合:

  1. 管理者権限でログインします。
  2. グローバルナビゲーションから、Communities > Sites​に移動します。

Communities Sites コンソールには、コミュニティサイトの作成手順をガイドするウィザードが用意されています。 最後の手順でサイトを確定する前に、Next ステップまたはBackを前の手順に進めることができます。

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

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

createcommunitysite

手順1:サイトテンプレート step-site-template

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

​ サイトテンプレート手順で、タイトル、説明、URLの名前を入力し、次のようなコミュニティサイトテンプレートを選択します。

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

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

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

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

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

  • コミュニティサイト名: エンゲージ

    • サイトの作成後に簡単に変更できないので、名前を再確認します
    • 最初のURLは、コミュニティサイト名の下に表示されます
    • 有効なURLの場合は、ベース言語コード + 「.html」を追加します
    • 例:、https://localhost:4502/content/sites/ engage/en.html
  • テンプレート:プルダウンでReference Siteを選択

  • 「次へ」を選択します。

ステップ 2:デザイン step-design

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

コミュニティサイトのテーマ community-site-theme

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

コミュニティサイトブランディング community-site-branding

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

community-site-branding

upload-image-site

「次へ」を選択します。

手順3:設定 step-settings

設定ステップでは、Nextを選択する前に、ユーザー管理、タグ付け、モデレーション、グループ管理、分析、翻訳に関する設定にアクセスできる7つのセクションがあります。

User Management user-management

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

  • サイト訪問者が自己登録し
  • サイト訪問者がログインせずにサイトを表示できるようにするには
  • 他のコミュニティメンバーからのメッセージをメンバーが送受信できるようにするには
  • プロファイルを登録および作成する代わりにFacebookでのログインを許可するには
  • Twitterでのログインを許可するには、アカウント登録とプロフィール作成の代わりに
NOTE
実稼動環境の場合は、カスタムのFacebookおよびTwitter アプリケーションを作成する必要があります。 FacebookおよびTwitterでのソーシャルログイン ​を参照してください。

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

タグ付け tagging

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

先行型検索を使用すると、名前空間を簡単に検索できます。 例:

  • 型 tut
  • Tutorial を選択します。

​ タグ付け

役割 roles

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

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

例:

  • 型 q
  • クイン・ハーパーを選択
NOTE
​ トンネルサービス ​では、パブリッシュ環境でのみ存在するメンバーとグループを選択できます。

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

モデレーション moderation

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

​ モデレーション ​

分析 analytics

Adobe Analyticsがライセンスされ、Analytics Cloud サービスとフレームワークが設定されている場合は、Analyticsを有効にしてフレームワークを選択できます。

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

分析

翻訳 translation

翻訳設定では、サイトのベース言語と、UGCを翻訳できるかどうか、翻訳する場合はどの言語に翻訳できるかを指定します。

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

translation-settings

手順4:コミュニティサイトの作成 step-create-communities-site

作成を選択します。

create-site

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

communitiessitesconsole

コミュニティサイトを公開 publish-the-community-site

作成したサイトは、新しいサイトを作成する場合と同じコンソールであるCommunities - Sites コンソールから管理する必要があります。

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

siteactionicons-1

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

siteactionsnew-1

左から右へ向かって次のようになります。

  • サイトを開く

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

  • サイトを編集

    プロパティアイコンを選択すると、タイトルなどのプロパティを変更したり、テーマを変更したりするためのコミュニティサイトが開きます。

  • サイトを公開

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

  • サイトを書き出し

    書き出しアイコンを選択すると、​ パッケージマネージャーに保存され、ダウンロードされたコミュニティサイトのパッケージが作成されます。 UGCはサイトパッケージに含まれていません。

  • サイトを削除

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

​ サイトアクション ​

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

「公開」を選択 select-publish

パブリッシュサーバーが実行されていることを確認した後、世界アイコンを選択してコミュニティサイトを公開します。

publish-site

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

新しいコミュニティユーザーグループ new-community-user-groups

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

この新しいコミュニティサイトでは、ステップ 1のサイト名「engage」を指定すると、4つの新しいユーザーグループが​ グループコンソール ​から表示されます(グローバルナビゲーション:Communities、Groups)。

  • Community Engage コミュニティマネージャー
  • Community Engage グループ管理者
  • Community Engage メンバー
  • Community Engage Moderators
  • Community Engageの特権メンバー
  • Community Engage Sites コンテンツマネージャー

Aaron McDonaldさんは次のメンバーです:

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

user-group

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

engage

認証エラー用に設定 configure-for-authentication-error

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

Login Page Mappingを次のように追加

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

オプションの手順 optional-steps

既定のホームページを変更 change-the-default-home-page

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

これには、CRXDE Liteを使用して、パブリッシュ時に​ リソースマッピング ​ テーブルを編集する必要があります。

最初のステップは以下のとおりです。

  1. パブリッシュインスタンスで、管理者権限でログインします。

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

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

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

    • 「ノードを作成:」を選択

      • 名前 localhost.4503
        (not​は’:'を使用しません)

      • Type sling:Mapping

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

    • プロパティを追加:

    • 名前 sling:match

      • Type​文字列
      • 値 localhost.4503/$
        ('$'文字で終わる必要があります)
    • プロパティを追加:

      • 名前 sling:internalRedirect
      • Type​文字列
      • 値 /content/sites/engage/en.html
  6. すべて保存​を選択します

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

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

    • https://localhost:4503/content/sites/engage/en.htmlに到着
NOTE
無効にするには、sling:match プロパティの値に'x' - xlocalhost.4503/$ – および​ すべて保存 ​というプレフィックスを付けるだけです。

optional-steps

トラブルシューティング:マップの保存エラー troubleshooting-error-saving-map

変更を保存できない場合は、localhostが有効な名前空間の接頭辞ではないため、ノード名がlocalhost.4503で、「ドット」区切り記号が付いており、「1」で「コロン」区切り記号が付いていないことを確認してください。localhost:4503

error-message

トラブルシューティング:リダイレクトに失敗する troubleshooting-fail-to-redirect

正規表現sling:match文字列の末尾にある’$'は非常に重要です。そのため、https://localhost:4503/のみがマッピングされ、それ以外の場合、リダイレクト値はURLのサーバー:portの後に存在する可能性のある任意のパスにプレフィックスが付けられます。 したがって、AEMがログインページにリダイレクトしようとすると、失敗します。

サイトの変更 modify-the-site

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

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

変更が完了したら、保存​してサイトを​ 公開 ​してください。

NOTE
AEMに詳しくない場合は、基本処理に関するドキュメントと、​ ページのオーサリングに関するクイックガイド ​をご覧ください。
recommendation-more-help
experience-manager-65-help-communities