커스텀 테마에서 site-header.hbs 파일을 오버라이드하는 방법?

개발
1

커스텀 테마에서 site-header.hbs 파일을 오버라이드하려고 합니다. 해당 파일의 Discourse 내 경로는 plugins/styleguide/assets/javascripts/discourse/components/sections/organisms/site-header.hbs입니다.

테마의 head_tag.html 파일에 다음을 추가해 보았습니다:

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
  <StyleguideExample @title="site header - in topic - scrolled">
    <div class="d-header-wrap">
        test
    </div>
  </StyleguideExample>
</script>

또한 여러 가지 변형도 시도해 보았습니다:

<script type="text/x-handlebars" data-template-name="components/sections/organisms/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/site-header">
<div>test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div>test</div>
</script>

하지만 아무것도 효과가 없습니다. 도와주실 수 있을까요?

2

템플릿 오버라이드가 해결책이라고 생각하는 다른 작업을 하려는 것 같습니다. 템플릿 오버라이드는 취약하며, 추후 문제를 일으킬 가능성이 높습니다. 플러그인 아웃렛으로 할 수 없는 헤더에 대한 작업이 무엇인지 알려주시겠어요?

3

@pfaffman 답변해 주셔서 감사합니다.
가장 큰 문제는 커스텀화를 플러그인이 아닌 테마에 모두 유지해야 한다는 점입니다. 커스텀 테마를 사용하여 이 문제를 더 안전하게 해결할 다른 방법이 있을까요?

4

플러그인 아웃렛은 테마에서 업데이트됩니다. Using Plugin Outlet Connectors from a Theme or Plugin

네. 어떤 작업을 수행하려고 하시나요?

5

@pfaffman 로고 표시를 제거하고 커스텀 버튼을 추가하고 싶습니다. 그리고 헤더 위에는 커스텀 컴포넌트에서 가져온 동적 링크를 표시하고 싶습니다.

6

그런 작업을 위해 hbs를 오버라이드할 필요는 없습니다.

Custom Header Links 를 참고해 보세요.

css를 사용하면 로고를 숨길 수 있습니다.

New Topic Header Button 은 버튼을 추가합니다.

또한 (deprecated) Plugin outlet locations theme component 도 참고해 보세요.

7

@pfaffman 감사합니다. 제안해 주신 내용들을 충분히 이해하고 있습니다. 다만, site-header.hbs와 같은 파일을 커스텀 테마를 통해 사용자 정의할 수 있는 방법이 있는지 알고 싶습니다. 이런 방식으로 구현하는 것이 타당한가요?

8

이것은 지원되지 않습니다. 이전 (중복된?) 게시물 이후에 공유한 링크를 확인해 보셨나요?

9

@merefield 네, 기사 읽었습니다. 그냥 확인하려고 그랬어요.
네, 감사합니다.

10

이것이 도움이 될 수 있습니다 (그리고 커스터마이징이 시간이 지나도 유지되도록 보장합니다)

11

드롭다운 서브메뉴가 있는 헤더 메뉴를 찾고 있다면 Customization > Theme component 도 고려해 볼 수 있습니다.

기존 컴포넌트(특히 공식 또는 파트너 제공)를 사용하는 이점은 유지보수가 용이하고 깨질 가능성이 낮다는 것입니다.