Show Menu
トピック×

外観の変更 (HBS)

カスタムコメントシステムのコンポーネントがアプリケーションディレクトリ(/apps)に配置され、デフォルトのコメントシステムおよびカスタムモデル/ビューを参照する resourceSuperType が登録されたので、実装を変更できるようになりました。
簡単なデモのために、ビジュアル機能(コメントを投稿するサインインユーザーについて表示されるアバター)を削除します。
この拡張機能を使用するには、影響を受けるWebサイト内のコメントシステムのインスタンス(/content)で、そのresourceTypeをカスタムコメントシステムに設定する必要があります。

HBS スクリプトの変更

CRXDE Lite を使用して、次の手順を実行します。
    • コメント投稿用のアバターを含むタグ(~行21)をコメントアウトします。
      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
      
      
    • 次のコメントエントリ(~行44)のアバターを含むタグをコメントアウトします。
      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
      
      
  • すべて保存 」を選択します。

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

アプリケーションを変更した後で、カスタムコンポーネントを再レプリケートする必要があります。
その一つの方法は
  • メインメニューから
    • ツール/運営/レプリケーション ​を選択します。
    • select Activate Tree
    • 設定 Start Path :to /apps/custom
    • deselect Only Modified
    • 選択ボ Activate タン

公開済みサンプルページでの変更されたコメントの表示

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

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

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