外観の変更(HBS)

最終更新日: 2023-10-19
  • トピック:
  • Communities
    このトピックの詳細を表示
  • 作成対象:
  • User

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

シンプルなデモの場合、ビジュアル機能(コメントを投稿するサインインユーザーに表示されるアバター)は削除されます。

メモ

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

HBS スクリプトの変更

使用 CRXDE Lite:

  • 開く /apps/custom/components/comments/comment/comment.hbs

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

        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
  • 開く /apps/custom/components/comments/comments.hbs

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

        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • 選択 すべて保存

カスタムアプリをレプリケート

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

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

  • メインメニューから

    • 選択 ツール > 運用 > レプリケーション.
    • 選択 ツリーをアクティベート.
    • 設定 Start Path から /apps/custom.
    • 選択を解除 変更済みのみ.
    • 選択 有効化 」ボタンをクリックします。

公開済みサンプルページで変更済みコメントを表示

エクスペリエンスの継続 パブリッシュインスタンスでは、同じユーザーとしてサインインしたままで、パブリッシュ環境でページを更新して、アバターを削除するための変更を表示できます。

view-modified-content

サンプルコメント拡張パッケージ

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

ファイルを入手

このページ