모양 변경(HBS) alter-the-appearance-hbs

기본 댓글 시스템을 참조하는 resourceSuperType과 사용자 지정 모델/보기가 등록된 응용 프로그램 디렉터리(https://experienceleague.adobe.com/apps?lang=ko)의 사용자 지정 댓글 시스템에 대한 구성 요소가 준비되었으므로 구현을 편집할 수 있습니다.

간단한 시연을 위해 댓글을 게시하는 로그인한 사용자의 아바타가 표시되는 시각적 기능을 제거합니다.

NOTE
확장을 사용하려면 영향을 받는 웹 사이트의 댓글 시스템 인스턴스(https://experienceleague.adobe.com/content?lang=ko)가 해당 resourceType을 사용자 지정 댓글 시스템으로 설정해야 합니다.

HBS 스크립트 수정 modify-the-hbs-scripts

사용 CRXDE Lite:

  • 열기 /apps/custom/components/comments/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

애플리케이션이 수정되면 사용자 지정 구성 요소를 다시 복제해야 합니다.

이렇게 하는 한 가지 방법은 다음과 같습니다.

  • 메인 메뉴에서

    • 선택 도구 > 작업 > 복제.
    • 선택 트리 활성화.
    • 설정 Start Path/apps/custom.
    • 선택 취소 수정된 항목만.
    • 선택 활성화 단추를 클릭합니다.

게시된 샘플 페이지에서 수정된 댓글 보기 view-modified-comment-on-published-sample-page

경험 계속 동일한 사용자로 로그인한 게시 인스턴스에서 이제 게시 환경에서 페이지를 새로 고쳐 아바타를 제거하는 수정 사항을 볼 수 있습니다.

수정된 콘텐츠 보기

샘플 주석 확장 패키지 sample-comment-extension-package

이 자습서에서 만든 사용자 지정 주석 애플리케이션 패키지가 첨부되었습니다.

파일 가져오기

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