위쪽에 HTML 추가

제품 지원
1

1111×160 10.1 KB

이 영역(카테고리/게시물 위 홈 페이지) 위에 HTML을 추가할 수 있는 방법이 있을까요?

2

네, 맞습니다.

여기에는 플러그인 아웃렛이 사용 가능합니다.

3

다음과 같은 방법으로 처리할 수 있습니다:

<script type="text/x-handlebars" data-template-name="/connectors/before-topic-list/NameOfThing">
  <div class="className">
    <p>Hi there!</p>
  </div>
</script>

이 코드는 before-topic-list 아웃렛에 텍스트를 렌더링합니다.
data-template-name에서 아웃렛 이름과 컴포넌트 이름을 변경할 수 있습니다.

반드시 Customize > CSS > New component > Edit CSS/HTML > Head에 이 코드를 입력하세요.

4

안녕하세요, 작동하지 않아서 아무것도 나타나지 않았습니다. 코드를 다시 한번 확인해 주실 수 있을까요? NameOfThing이 거기에 있어야 하나요?

5

죄송합니다. text/x-handlebars가 맞습니다. 게시글을 수정했습니다.

네, 그것은 컴포넌트의 이름입니다. 원하시는 이름으로 변경할 수 있습니다.

또한, above-main-containter 아웃렛을 사용하시는 것이 좋습니다.

6

above-main-containter의 디렉토리는 무엇인가요? type에 넣어야 하나요, 아니면 data-template-name에 넣어야 하나요?

구체적으로 모든 것 위에 표시되되, 나바바(네비게이션 바) 위에는 표시되지 않도록 (모든 페이지에서) 설정하려고 합니다.

A webpage displaying categories like News & Announcements and General for social media updates. (Captioned by AI)
A webpage displaying categories like News & Announcements and General for social media updates. (Captioned by AI)485×422 24.4 KB

7

before-topic-list을 above-main-container로만 교체하면 됩니다. 헤더 아래에 표시됩니다.
above-main-container 아웃렛은 모든 페이지에 표시됩니다.
또한, 오타를 수정했습니다: container입니다. containter가 아닙니다.

8 
<script type="x-handlebars" data-template-name="/connectors/above-main-container">
    <p>Hi there!</p>
</script>

NameOfThing을 포함하든 포함하지 않든 여전히 표시되지 않습니다. Head 부분에 배치하고 있습니다.

9

x-handlebars를 사용 중인 것 같습니다.

또한 아웃렛 뒤에 컴포넌트 이름이 있어야 작동합니다.

10

지금부터 이 기능을 사용할 수 있습니다:

(참고로, 해당 구성 요소를 오랫동안 만들어 주시고 지원해 주신 @RGJ님께 감사드립니다. 정말 유용했습니다 :folded_hands:)