外観の変更

スクリプトの変更

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

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

  1. コピー comment.hbsから libsから apps

    1. 選択 /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. 選択 コピー
    3. 選択 /apps/social/commons/components/hbs/comments/comment
    4. 選択 貼り付け
  2. オーバーレイを開く comment.hbs

    • ノードをダブルクリック comment.hbs in /apps/social/commons/components/hbs/comments/comment folder
  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など ) としてログインした場合は、オーバーレイされたコンポーネントが存在することを確認できます。

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

create-template-component

このページ