外観の変更 alter-the-appearance

スクリプトを修正 modify-the-script

comment.hbs スクリプトは、各コメントのHTML全体を作成する責任があります。

投稿された各コメントの横にアバターを表示しない場合：

  <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

行を削除するか、<!--と-->で囲んでコメントアウトします。 また、「xxx」という文字は、アバターがどこにあったかを視覚的に示す指標として追加されています。

   xxx
   <!-- do not display avatar with comment
    <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

オーバーレイの複製 replicate-the-overlay

レプリケーションツールを使用して、オーバーレイされたコメントコンポーネントをパブリッシュインスタンスにプッシュします。

グローバルナビゲーションから、ツール > デプロイメント > レプリケーション​を選択し、ツリーをアクティブ化​をクリックします。

開始パスに「/apps/social/commons」と入力し、「アクティブ化」を選択します。

結果を表示 view-results

管理者としてパブリッシュインスタンスにログオンする場合（例：https://localhost:4503/crx/de as admin/admin）、オーバーレイされたコンポーネントが存在することを確認できます。

ログオフしてaaron.mcdonald@mailinator.com/passwordとしてログオンし、ページを更新すると、投稿されたコメントでアバターが表示されないことがわかります。 代わりに、単純な「xxx」が表示されます。