外観の変更

スクリプトの変更

comment.hbsスクリプトは、各コメントの全体的なHTMLを作成します。

投稿された各コメントの横のアバターを表示しないようにするには:

  1. comment.hbslibsからappsにコピー

    1. /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. コピー​を選択
    3. /apps/social/commons/components/hbs/comments/comment
    4. 貼り付け​を選択
  2. オーバーレイされたcomment.hbsを開きます

    • /apps/social/commons/components/hbs/comments/comment folderのノードcomment.hbsを重複クリック
  3. 次の行を探し、削除するかコメントアウトします。

  <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>

オーバーレイのレプリケート

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

メモ

より強固なレプリケーション形式は、パッケージマネージャーでパッケージを作成し、それをアクティベートすることです。パッケージは、書き出しおよびアーカイブできます。

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

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

verify-content-template

結果の表示

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

ログアウトして aaron.mcdonald@mailinator.com/password として再ログインし、ページを更新した場合は、投稿されたコメントはアバターと一緒には表示されなくなっており、代わりに単純な「xxx」が表示されることがわかります。

create-template-component

このページ

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