外観の変更 alter-the-appearance

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

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>

オーバーレイをレプリケートする replicate-the-overlay

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

NOTE
レプリケーションのより堅牢な形式は、パッケージマネージャーでパッケージを作成し、 アクティブ化することです。 パッケージは、書き出しとアーカイブが可能です。

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

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

verify-content-template

結果を表示 view-results

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

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

create-template-component

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791