아니요… Discourse는 태그에 대한 설명을 저장하지 않고 카테고리에만 저장하므로, 이 컴포넌트로 구현하는 것은 불가능합니다.
테마 설정에 설명을 추가하도록 태그 배너 컴포넌트를 수정하는 것은 가능하지만… 태그가 수십 개를 넘는다면 관리가 점점 어려워질 수 있어 좋은 선택지는 아닙니다.
최선의 방법은 태그에 설명 기능을 추가하는 플러그인을 만드는 것입니다… 다만 그 작업은 훨씬 더 복잡할 것입니다.
아니요… Discourse는 태그에 대한 설명을 저장하지 않고 카테고리에만 저장하므로, 이 컴포넌트로 구현하는 것은 불가능합니다.
테마 설정에 설명을 추가하도록 태그 배너 컴포넌트를 수정하는 것은 가능하지만… 태그가 수십 개를 넘는다면 관리가 점점 어려워질 수 있어 좋은 선택지는 아닙니다.
최선의 방법은 태그에 설명 기능을 추가하는 플러그인을 만드는 것입니다… 다만 그 작업은 훨씬 더 복잡할 것입니다.
이 컴포넌트는 카테고리 설정에 지정된 것이 없으면, 해당 카테고리의 첫 번째 게시글의 첫 번째 단락에서 텍스트를 가져오지 않나요? 기본 ‘소개’ 페이지를 말씀하는 건데요. 저는 항상 이렇게 사용해 왔습니다.
각 태그 페이지에 대해 기본 ‘소개’ 페이지를 자동으로 생성하는 플러그인은 어떨까요? 그런 페이지를 생성한 뒤, 태그 페이지에서 작동하도록 설정되어 있다면 해당 게시글을 가리키도록 하는 것이 가능하거나 좋은 접근 방식일까요?
네, 맞습니다. 하지만 Discourse가 해당 텍스트를 게시물에서 추출하여 카테고리 설명으로 설정하기 때문에 대부분의 작업은 이미 완료된 상태예요. 저는 여기서 그걸 재사용한 것뿐입니다.
특정 태그가 있는 가장 오래된 주제를 가져와서 설명으로 사용하는 것도 가능할까요? 그러면 기능이 비슷해질 것 같은데요. 좀 더 조사해 봐야겠습니다.
내가 멍청한 건지… 아니면 Git 저장소에 이슈를 제출하는 방법이 없는 건지:
??
여기에 세부 내용을 게시하면 됩니다 ![]()
이 요청은 해당 테마 컴포넌트나 기타 다른 방법 중 하나로 해결되었나요? 특정 카테고리에 속한 페이지에 웹 검색이나 소셜 미디어를 통해 링크로 접속한 사용자에게 맥락을 제공하기 위해 이 기능을 찾고 있습니다. 카테고리 메인 페이지를 거치지 않고 바로 해당 페이지로 접속하는 경우를 말하죠.
Discourse를 호스팅하는 두 사이트가 있습니다. 이 사이트들에서는 discourse category icons 컴포넌트를 통해 기본 자물쇠 아이콘을 Font Awesome 아이콘으로 교체했습니다. 하지만 카테고리 배너에서는 여전히 자물쇠 아이콘이 표시됩니다. 두 사이트에서 각각 하나씩 보여드린 카테고리뿐만 아니라, 아이콘이 표시되어야 하는 모든 카테고리에서 여전히 기본 자물쇠 아이콘이 보입니다.
이 플러그인이 Discourse 최신 버전(2.9.0.beta3)과 충돌하는 문제를 발견했습니다. 카테고리나 하위 카테고리에 이미지를 추가할 때 발생하는 문제입니다.
이 플러그인은 ‘소개’ 게시글의 첫 줄 텍스트를 배너로 가져옵니다. 그러나 카테고리에 이미지를 추가하면 Discourse 최신 버전은 동일한 텍스트를 이미지 옆의 자체 헤더에도 표시합니다.
이로 인해 모든 카테고리와 하위 카테고리에 이미지를 추가하고 ‘설명 표시’ 설정을 끄거나, 아니면 아무 카테고리에 이미지를 추가하지 않는 방식으로만 해결할 수 있습니다. 그렇지 않으면 배너와 그 아래에 설명이 중복되어 표시됩니다. 즉, 전부 적용하거나 전혀 적용하지 않는 식이 됩니다.
이것이 실제로 이 플러그인의 문제인지, 아니면 Discourse에서 카테고리 내부의 이미지와 설명을 끄는 방법을 제가 놓치고 있는 것인지는 정확히 확신하지 못하겠습니다. 그렇게 하지 않으면 제 카테고리 배너가 깨져 보이기 때문입니다.
다른 플러그인을 사용하여 문제를 해결했습니다: Discourse Category Header 테마 컴포넌트
아쉽게도 최종 결과가 이쪽만큼 보기 좋지는 않습니다. 두 플러그인 사이의 눈에 띄는 차이점이 배너 div를 타겟으로 하는지 헤더 div를 타겟으로 하는지 여부뿐인 것 같아서, 다른 플러그인의 옵션을 이쪽 플러그인에 그대로 복사/붙여넣기할 수 있을지 궁금합니다. 이쪽은 스타일링이 더 좋지만, 저쪽은 더 많은 옵션을 켜고 끌 수 있고 커스터마이징할 수 있는 기능이 있습니다.
카테고리와 설명 텍스트 사이의 줄 간격을 줄이기 위해 사용자 지정 CSS에 무엇을 추가할 수 있을까요?
div[class^="category-title-header"] .category-title-contents .category-title {
margin-bottom: 0;
}
완벽해요! 도와주셔서 감사합니다 ![]()
이 배너를 클릭 가능하게 만드는 건 어떨까요? 현재 배너에는 카테고리의 “소개” 토픽의 첫 줄만 표시되거든요. 그런데 이런 “소개” 토픽에는 보통 더 많은 정보가 포함되어 있습니다. 클릭 가능하게 만들면 첫 줄뿐 아니라 더 자세한 내용을 쉽게 확인할 수 있을 거예요. 물론 “소개” 토픽으로 가는 링크를 직접 만들 수도 있습니다. 하지만 이미 해당 토픽 안에 있으면 자기 자신으로 가는 링크가 생기는 셈이죠. 그렇게 하면 좀 어색해 보입니다. 그냥 제안일 뿐입니다 ![]()
이 컴포넌트에 업데이트를 적용하여 Tag Banners와 통합되도록 했습니다.
두 컴포넌트가 모두 설치되어 있고 카테고리 및 태그로 필터링된 경우, 배너가 겹쳐 표시되는 대신 카테고리 배너 안에 태그 이름이 표시됩니다:
Kris, 또 다른 훌륭한 통합 기능입니다!
다만 몇 가지 문제가 있습니다:
빠른 피드백 감사합니다!
모바일 보기에서 태그가 표시되지 않는 문제에 대한 수정 사항을 추가했습니다:
또한 태그 아이콘을 비활성화할 수 있는 설정을 추가했는데, 이는 태그 아이콘 컴포넌트와 더 잘 작동하기 위한 임시 해결책입니다. 태그 아이콘 컴포넌트와의 적절한 통합을 구현하기 위해 조금 더 시간을 써야 할 것 같습니다.
빠른 임시 해결책 감사합니다. 그 사이 또 다른 문제를 발견해서 공유드립니다. ![]()
Remove hyphens / underscores 옵션을 true로 설정한 상태에서 Category 배너와 Tag 배너를 함께 사용할 때, 태그 이름(예: with-hyphens)은 제목 아래에서 하이픈 없이 표시되고 하이퍼링크가 걸리지만, 링크가 잘못된 형식(/tag/with hyphens)이 되어 404 오류가 발생합니다.
또 다른 좋은 소식 감사합니다!
이 수정은 Discourse의 작은 업데이트에 의존합니다: DEV: add optional `displayName` parameter for `discourse-tag` - Pull Request #21391 - discourse/discourse - GitHub
따라서 Discourse와 해당 컴포넌트가 업데이트되면, 하이픈이나 밑줄이 없는 태그가 올바르게 링크됩니다.
일부 카테고리에는 배너를 성공적으로 추가했지만, 다른 카테고리에는 추가할 수 없습니다.
배너가 작동하지 않는 카테고리들은 "Weather - General"과 같은 이름을 가지고 있으며, 즉 이름 중간에 공백-하이픈-공백이 포함되어 있습니다. 이름을 "Weather-General"처럼 하이픈 주위의 공백을 없애면 배너가 예상대로 표시됩니다. 두 경우 모두 카테고리의 슬러그는 "weather-general"로 동일합니다. 따라서 한 경우에는 유효한 값으로 받아들여지지 않고 다른 경우에는 받아들여지는 이유가 무엇인지 모르겠습니다.
15개의 게시물이 새로운 주제로 분리되었습니다: 카테고리 배너를 사이드바에서 벗어나도록 정렬할 수 있나요?