“XXX 카테고리에 대하여” 페이지의 전체 내용을 카테고리 배너/헤더 설명에 표시할 수 있는 방법이 있을까요? 현재는 첫 번째 문단만 표시되는데, 더 많은 텍스트와 함께 카테고리 헤더/배너에 이미지까지 표시하고 싶습니다. 이렇게 할 수 있는 방법이 있을까요? 미리 도움 주셔서 감사합니다.
1개의 좋아요
@ Rhidian
플러그인이 정말 훌륭합니다. 다만 첫 번째 단락만 표시되는 것이 아니라 “소개” 페이지의 전체 내용을 표시할 수 있다면 정말 큰 도움이 될 것 같습니다.
코드를 살펴보니 catDesc() 함수가 있는데, category.description은 첫 번째 단락만 포함하는 것 같습니다. 소개 페이지의 전체 내용을 가져오는 방법은 무엇일까요?
function catDesc() {
if(settings.show_category_description) {
return h('div.cooked', {innerHTML: category.description});
}
피드백을 주시면 감사하겠습니다. 미리 감사드립니다!
1개의 좋아요
각 카테고리의 기본 소개(About) 주제 중 첫 번째 단락은 Discourse에서 특별한 지위를 가집니다. 이 단락은 카테고리의 짧은 요약을 표시하는 데 사용되며, 카테고리 목록과 Discourse의 기본 카테고리 헤더에서 활용됩니다. 이 데이터는 데이터베이스 구조 내에서 별도로 저장되며, 구체적으로는 카테고리의 메타데이터에 포함됩니다.
이 테마 컴포넌트는 이러한 내장 기능을 활용하여 카테고리 이름과 로고와 같은 메타데이터를 표시하고, 일부 위치 및 스타일 옵션을 추가하는 등 기본 카테고리 헤더 기능에 다양한 향상된 기능을 제공합니다. 그러나 Discourse의 데이터 구조 방식 때문에 불행히도 메타데이터에는 전체 소개 메시지가 포함되어 있지 않습니다.
짧은 텍스트 요약을 표시하는 것이 그 목적임을 고려하면, 이렇게 설계된 이유를 이해할 수 있습니다.
1개의 좋아요
카테고리 링크 색상/스타일에 대해:
배너에 표시되는 카테고리 이름은 링크로 작동합니다. 이는 하위 카테고리를 표시할 때 유용합니다. 하위 카테고리는 부모 카테고리 이름: 하위 카테고리 이름 형식으로 표시됩니다. 이때 부모 카테고리 이름을 클릭하면 해당 부모 카테고리 페이지로 이동하는 브레드크럼 링크 역할을 합니다.
해당 링크의 스타일은 제목의 나머지 부분과 동일한 색상으로 표시되도록 설정했습니다. 이렇게 하면 브레드크럼 링크가 덜 눈에 띄지만, 제 생각에는 더 보기 좋습니다.
설치 환경에서 해당 스타일을 자유롭게 변경할 수 있으며, 강조하신 a: 스타일을 주석 처리하거나 삭제하면 됩니다.
또한, 소개 메시지 첫 단락에 포함된 링크가 카테고리 헤더에 표시되기를 바라는 의견이 다른 사용자들로부터도 제기된 것을 확인했습니다. 이것이 유용하다면, 헤더에 클래스를 추가하여 ‘동일한 색상’ 스타일이 브레드크럼 링크에만 적용되도록 할 수 있습니다. 도움이 될까요?
2개의 좋아요
그렇게 하면 정말 도움이 될 것입니다.
우리는 첫 번째 카테고리 설명 단락에서 링크를 광범위하게 사용하고 있으며, 이로 인해 현재 이 훌륭한 컴포넌트를 사용할 수 없습니다.
해당 변경 사항을 적용했습니다. 이제 링크는 기본적으로 카테고리 설명에서 표준 테마 색상 설정에 따라 표시됩니다.
@nathank 지금 제대로 동작하는지 확인해 주실 수 있나요? 구성 요소를 업데이트해야 합니다.
일단 설치부터 해야겠네요! 링크 관련 문제가 제가 설치를 미뤄온 큰 이유였거든요. 곧 설치해서 사용해보겠습니다.
게시판이 공개되어 있나요? URL을 알려주시면 확인해 드릴 수 있습니다.
최신 버전을 사용 중이신가요?
1개의 좋아요
Rhidian, 고마워요. 실제로 레이아웃을 변경해서 더 이상 문제가 아니에요. 다른 분들이 이 문제를 겪지 않았다면 제 포럼에만 있는 특별한 문제인 것 같아요.
2개의 좋아요
안녕하세요! 테마가 정말 멋지네요! 공유해 주셔서 감사합니다 
그리고, 스크린샷에서 보여주신 스타일을 재현하려고 하는데 조금 애를 먹고 있습니다 :
하위 카테고리가 두 개인 카테고리 페이지에서 제가 얻고 있는 결과는 다음과 같습니다 :
그리고 네, 여기에서 언급된 박스 스타일은 이미 활성화해 두었습니다 :
참고로, 제 카테고리 페이지는 다음과 같은 모습입니다 :
이 문제를 해결하는 데 도움을 주실 수 있다면 정말 좋겠습니다
안녕하세요, 하위 카테고리가 상자 형태로 표시되는 것은 디스코스의 기본 상자 스타일입니다. 테마 컴포넌트의 일부가 아닙니다.
이 표준 디스코스 상자가 하위 카테고리가 있는 모든 카테고리에서 작동하나요?
이 주제들을 위에도 표시할 수 있을까요?
Discourse의 카테고리 헤더는 해당 카테고리의 주제 목록 위에 표시됩니다. 주제 내의 게시글 위에 해당 카테고리의 헤더를 표시하길 원하시는 건가요?
그렇게 하면 도움이 될지 확실하지 않습니다. 게시글은 주제에서 마지막으로 읽은 게시글부터 열리므로, 헤더는 사용자가 맨 위로 스크롤해야만 볼 수 있을 테니까요?
네, 바로 그겁니다. 사용자들이 마지막 게시글이 아닌 첫 번째 게시글을 보도록 설정해 두었습니다. 제가 설정 중인 이 특정 Discourse에서는 사용자들이 첫 번째 게시글과 카테고리 헤더를 모두 볼 수 있는 것이 중요합니다.
Rhidian님, 안녕하세요!
이 멋진 컴포넌트를 공유해 주셔서 감사합니다. 제 웹사이트에서 정말 유용하게 사용 중이며, 덕분에 디자인이 깔끔해졌어요 
홈페이지에서 카테고리 표시 방식을 변경할 수 있는지 여쭤보고 싶었어요.
홈페이지에서 카테고리 아이콘이 위쪽이 아니라 왼쪽에 표시되도록 변경할 수 있으면 좋겠습니다. 이 웹사이트에서 영감을 받았습니다: https://forum.figma.com/
감사합니다.
Sofia
현재 이 TC의 카테고리 헤더가 다른 TC의 Edit CSS/HTML -> After Header 영역에 있는 콘텐츠 위에 표시되고 있습니다. 이 카테고리 헤더를 해당 TC의 After Header 콘텐츠 아래에 표시하려면 어떻게 해야 할까요?
이 컴포넌트가 표시하는 배너에 카테고리 헤더 이미지를 쉽게 사용할 수 있는 방법이 있나요? 하지만 프론트 페이지의 카테고리 목록에서는 이 이미지를 숨기고 싶습니다.
2개의 좋아요
안녕하세요, 멋진 애드온 감사합니다! @mattdm 님과 동일한 문제를 겪고 있습니다.
홈페이지에는 표시하지 않기를 원하는 카테고리 로고 이미지가 있습니다.
카테고리 로고 이미지가 카테고리 헤더에만 표시되도록 하고 싶습니다.
도움 주시면 감사하겠습니다. CSS를 사용해 보았지만 동일한 클래스를 사용하고 있어 홈페이지에서 숨기면 카테고리 페이지에도 적용되는 문제가 있었습니다.
1개의 좋아요