外観の変更 (HBS)

カスタムコメントシステムのコンポーネントがアプリケーションディレクトリ(/apps)に配置され、デフォルトのコメントシステムおよびカスタムモデル/ビューを参照する 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

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

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

ファイルを入手

このページ