브랜드 헤더 테마 컴포넌트 사용자 지정

개발
1

Discourse의 "Brand Header Theme Component"를 사용자 지정하려고 합니다. 어떤 접근 방식을 취해야 할지 확실하지 않습니다. 서브메뉴 항목을 추가하고 싶은데, 예를 들어 링크 구조는 다음과 같을 것입니다:

video
audio - books
          - lectures,
topics - web development
           - technology
           - engineering
support

하지만 이 컴포넌트에는 서브메뉴 항목을 추가하는 기능이 기본적으로 제공되지 않습니다. 제가 원하는 일부 기능을 가진 Discourse Header Submenus 컴포넌트가 있다는 것은 알고 있지만, 이는 데스크톱 모드에서만 작동합니다.

제가 아는 한 이 컴포넌트에는 플러그인 아울렛이 없어서 코드를 주입할 수 없으며, 코어 Discourse 코드베이스의 일부가 아니므로 템플릿을 오버라이드할 수도 없고 접근할 수도 없는 것 같습니다(비록 Discourse에서 생성하고 유지 관리하더라도요).

링크는 API에서 가져오게 되겠지만, 지금은 일단 하드코딩하는 것을 시도하고 있습니다.

더 일반적으로 질문하자면, 코어 Discourse 저장소 외부에서 테마 컴포넌트를 사용자 지정할 수 있나요? 이 경우 적절한 접근 방식은 무엇인가요?

도움 주셔서 감사합니다!

3

하리님, 안녕하세요.

네, 요구사항에 따라 코드를 수정하기 위해 해당 컴포넌트를 포크하고 변경 사항을 적용할 수 있습니다. 그런 다음 포크한 GitHub URL을 통해 해당 컴포넌트를 인스턴스에 설치할 수 있습니다.

4

답장 주셔서 감사합니다, Meghna! 정말 좋은 정보였고, 말씀하신 대로 시작해 보았습니다. 그런데 이 접근 방식에서 문제가 발생했습니다. 포크한 테마 컴포넌트에 새로운 설정을 입력하려고 시도했는데(제 Discourse 인스턴스의 테마 컴포넌트 관리 패널을 통해), 원래 테마 컴포넌트의 설정이 여전히 제 포크 버전으로 전달되고 있었습니다. 새 컴포넌트가 존재하는 것을 볼 수 있었지만, 설정은 이전 것과 동일했습니다. 둘의 이름이 같기 때문일까요? 원래 테마 컴포넌트를 제 테마에서 삭제해 보기도 했는데, 그랬더니 원래 버전과 포크 버전이 모두 제 테마 미리보기에서 사라졌습니다. 도움 주셔서 감사합니다!