테마 컴포넌트를 통한 HTML 추가 문제

코드를 붙여넣으면 위젯이 웹사이트의 메인 페이지에 표시됩니다. 메인 페이지가 아니라 사이트의 카테고리/페이지 중 하나에 표시되도록 하려면 어떻게 해야 하나요?

안녕하세요, 문제의 스크린샷이나 화면 녹화를 보내 주시겠어요?
감사합니다!


코드를 head 부분에 넣으면 메인 페이지 상단에 표시됩니다. body 부분에 넣으면 메인 페이지 하단에 표시됩니다. 메인 페이지가 아닌 다른 페이지에서 위젯이 표시되도록 하려면 어떻게 해야 하나요? 감사합니다

안녕하세요, @Issa_George. 테마 개발에 필요한 개념과 기법을 익히기 위해 여기 있는 튜토리얼을 따라 해보시는 것을 추천합니다. 이 튜토리얼은 UI의 다양한 위치에 콘텐츠를 렌더링하는 방법을 다루고 있습니다:

discourse_theme CLI를 사용하면 테마 개발이 훨씬 쉬워집니다.

데이비드가 말한 대로, 해당 튜토리얼을 따라가면서 다양한 위치에 렌더링할 수 있는 컴포넌트를 만드는 방법을 배워야 합니다. 구체적으로는 사이트 곳곳에 배치되어 컴포넌트를 렌더링할 수 있는 공간을 제공하는 플러그인 아웃렛(plugin outlets)에 렌더링하는 것입니다.

코드는 ‘JS’ 탭 안에 배치하고, api.renderInOutlet()과 <template> 태그를 함께 사용하면 됩니다.

네이트, 안녕하세요. 이 문제로 계속 애를 먹고 있습니다. 메인 페이지가 아니라 카테고리 섹션 안에 HTML 위젯 코드를 넣기만 하는데, 가이드를 읽어봤지만 제가 무엇을 사용해야 하는지 명확하지 않습니다. CLI를 설치하고 코드를 넣었지만 제 사이트에서는 아무 반응이 없습니다. 그 다음에 테마 제작 사이트로 가서 코드를 넣었는데, 미리보기에 제 코드가 표시되지 않았습니다. 가이드의 샘플 코드는 작동하며, 코드를 넣으면 색상 변경이 보입니다.

안녕하세요, 현재 사용 중인 코드를 공유해 주시겠어요? 감사합니다!

플러그인 아웃렛과 글리머 컴포넌트를 사용해야 합니다. 테마 개발에 관한 최신 가이드를 확인해 보세요.

또는 스크립트 태그를 <head> 탭에, 나머지 코드를 JS 탭에 넣고(거기서 헬퍼를 가져오세요).

감사합니다. 작동하는 걸 확인했습니다.