外観の変更(HBS) alter-the-appearance-hbs

これで、アプリケーションディレクトリ(/apps)内のカスタムコメントシステムのコンポーネントが配置され、resourceSuperType がデフォルトのコメントシステムを参照し、カスタムモデル/ビューが登録されたので、実装を編集できます。

簡単なデモの場合、コメントを投稿するログイン ユーザーのアバター(視覚的機能)が削除されます。

NOTE
この拡張機能を使用するには、影響を受ける web サイト内のコメントシステムのインスタンス(/content)が、その resourceType をカスタムコメントシステムに設定する必要があります。

HBS スクリプトの変更 modify-the-hbs-scripts

CRXDE Lite を使用:

  • /apps/custom/components/comments/comment/comment.hbs を開きます。

    • コメント投稿のアバターを含むタグをコメントアウトします(21 行目まで)。

      code language-none
        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
  • /apps/custom/components/comments/comments.hbs を開きます。

    • 次のコメントエントリのアバターを含むタグをコメントアウトします(44 行目まで)。

      code language-none
        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • すべて保存」を選択します。

カスタムアプリをレプリケート replicate-custom-app

アプリケーションを変更したら、カスタムコンポーネントを再度レプリケートする必要があります。

その方法の 1 つは次のとおりです。

  • メインメニューから

    • ツール/オペレーション/レプリケーション を選択します。
    • ツリーをアクティベート」を選択します。
    • Start Path/apps/custom に設定します。
    • 変更済みのみ」の選択を解除します。
    • アクティベート」ボタンを選択します。

公開されたサンプルページでの変更されたコメントの表示 view-modified-comment-on-published-sample-page

エクスペリエンスを継続し、同じユーザーとしてログインしているパブリッシュインスタンスで、パブリッシュ環境のページを更新して、変更を表示し、アバターを削除できるようになりました。

view-modified-content

コメント拡張機能パッケージのサンプル sample-comment-extension-package

このチュートリアルで作成したカスタムコメントアプリケーションのパッケージを添付しました。

ファイルの取得

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