外観の変更 alter-the-appearance

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

スクリプトの変更 modify-the-script

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.hbsin /apps/social/commons/components/hbs/comments/comment folder
  3. 次の行を探し、削除するかコメントアウトします。

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

行を削除するか、'で囲みます<!> — 」と「 —>」でコメントアウトします。 また、アバターがあった場所を視覚的に示すインジケーターとして、文字「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

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

NOTE
より堅牢なレプリケーション形式は、パッケージマネージャーでパッケージを作成し、 有効化 それは。 パッケージはエクスポートおよびアーカイブできます。

グローバルナビゲーションから、 ツール/導入/レプリケーション その後 ツリーをアクティベート.

「開始パス」に、と入力します。 /apps/social/commons を選択し、 有効化.

chlimage_1-42

結果を表示 view-results

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

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

chlimage_1-43

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6