설정에서 "icon"은 무엇을 의미하나요?
어떤 SVG 사이트의 아이콘 정확한 이름인가요? 정확한 이름을 어떻게 구할 수 있나요?
1개의 좋아요
정말 훌륭한 개선책이 될 수 있겠네요!
1개의 좋아요
저는 포럼에서 문제가 있는 것 같습니다. 카테고리 페이지에서 아이콘은 흰색으로 지정되어 있지만, 배경도 흰색이기 때문입니다.
이 부분은 하위 카테고리에 사용되므로, 배경색을 다르게 지정할 수 있을까요?
2개의 좋아요
코드를 보고 다음 두 가지 문제를 수정하려고 시도하고 있는데, 두 번째 문제에서 막혀 있습니다.
카테고리 아이콘 목록이 카테고리 뷰(이 카테고리에서 주제 위에 하위 카테고리 목록 표시)에 적용되지 않음
header.html의 112번째 줄을 다음으로 교체하여 이 문제를 수정했습니다:
if(iconItem && !attrs.category.parent_category_id) {
다음으로 변경:
if (iconItem) {
그리고 common.scss에 다음 코드를 추가했습니다:
.subcategory .category-icon-widget {
display: none;
}
카테고리 옆의 카테고리 잠금 아이콘이 새로운 svg로 변경되지 않음
카테고리 뷰:
카테고리 뷰(이 카테고리에서 주제 위에 하위 카테고리 목록 표시):
관련된 코드는 이것이라고 생각합니다:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
이 코드는 하위 카테고리 잠금 아이콘 표시를 제어하는 badge-category clear-badge 클래스가 있는 <span>에 restricted 클래스를 추가합니다. 그러나 카테고리 잠금 아이콘 표시를 제어하는 category-text-title 클래스가 있는 <div>에도 이 클래스를 어떻게 적용할지 파악하지 못하고 있습니다.
2개의 좋아요
가까운 시일 내에 지원될 가능성이 있을까요? 어떤 이유에서인지 카테고리 상자 뷰에서도 색상 블롭이나 잠금 아이콘이 표시되지 않아서, 이 컴포넌트의 제어 범위를 벗어난 문제일 수도 있을 것 같습니다…
1개의 좋아요
버그 @pmusaraj
서브카테고리의 슬러그(및 제목)는 해당 상위 카테고리 내에서만 고유하면 됩니다.
하지만 이 컴포넌트에서는 아이콘을 찾기 위한 키로 슬러그가 사용되고 있습니다.
따라서 서로 다른 상위 카테고리에 동일한 슬러그를 가진 두 개의 서브카테고리가 있으면, 아이콘이 둘 다에 적용됩니다.
솔직히 말하면, 슬러그는 디스코URS 인스턴스 전체에서 고유해야 하므로 이는 실제로 디스코URS의 문제라고 생각합니다. 하지만 실제로는 그렇지 않습니다.
이 문제를 컴포넌트 내에서 수정하는 것이 가능한가요?
1개의 좋아요
슬러그는 AFAIK(제가 아는 한) 전역 범위를 갖지 않는데, 왜 전역적으로 고유해야 하는지 이해가 되지 않습니다. 설명해 주실 수 있을까요?
P.S. 슬러그가 왜 고유하지 않은지에 대한 질문을 던진 새 토픽을 확인했습니다.
1개의 좋아요
예를 들어 카테고리 아이콘 컴포넌트는 슬러그를 사용하여 아이콘이 연결되어야 하는 카테고리를 식별합니다.
관리자나 사용자가 하위 카테고리를 어떻게 고유하게 식별해야 합니까? - 부모카테고리-하위카테고리 경로를 사용해야 하는 것입니까? (해당 기능이 출시되면 부모-자식-손자 경로가 될 것입니다). 이렇게 하면 다소 번거로운 것 같습니다.
2개의 좋아요
컴포넌트 설정에서 부모 카테고리 슬러그를 전달하는 방법을 마련한다면, 서로 다른 부모 아래에 동일한 슬러그를 가진 하위 카테고리를 중복 제거하도록 구성하는 것이 가능할 수 있습니다. 다만, 제 생각에는 그렇게 하면 다소 우아하지 않을 것 같습니다.
동일한 슬러그를 가진 두 카테고리 중 하나의 슬러그를 변경해 보실 수 있나요? 그렇게 하지 못하는 특별한 이유가 있으신가요? (카테고리 이름은 바꿀 필요 없이 슬러그만 변경하면 됩니다.)
3개의 좋아요
네, 서로 다른 상위 카테고리에 있는 하위 카테고리의 슬러그는 고유할 필요가 없으므로, 그것이 해결책인 것 같습니다.
다만, 이를 기능으로 활용할 수도 있습니다. 예를 들어 그룹 기반 카테고리를 많이 가지고 있고, 그중 대부분에 도움(help)과 공지(announcement) 포럼이 하위 카테고리로 있는 경우, 두 개의 항목만으로도 모든 도움 카테고리에 공통 도움 아이콘을, 모든 공지 카테고리에 공통 아이콘을 설정할 수 있습니다. 또한 ‘help’ 태그가 있는 새로운 하위 카테고리는 자동으로 해당 아이콘을 적용받습니다.
저희 사용 환경에서는 한 단계 더 나아가 슬러그의 부분 일치(partial match)를 옵션으로 만들었습니다. 이렇게 하면 "help,question-mark,#000080,false"라는 항목이 “sw-help”, “help-forum”, "helpdesk"와 모두 일치하게 됩니다.
항목 끝에 추가된 “false” 값은 정확한 일치(exact match)를 강제하지 말라고 지시하는 역할을 합니다.
또한 색상을 "catcol"로 지정하는 옵션도 있습니다. 이 경우 아이콘은 별도로 지정된 색상이 아니라 카테고리 색상을 적용받습니다.
업데이트에 포함해 주시면 좋을 두 가지 제안입니다.
3개의 좋아요
해당 컴포넌트가 과거에 부분 일치를 사용했던 적이 있는 것 같습니다. “book” 아이콘은 필요하지만 "booking"에는 필요하지 않은 사용자들에게는 혼란을 줄 수 있었죠. 하지만 설정별로 이 기능을 켜고 끌 수 있는 옵션이 있다면 좋을 것 같습니다. (마지막 항목으로 false 대신 partial-match를 사용하면 이해하기 더 쉬울 것입니다.)
좋은 추가 기능입니다.
이 두 기능 중 어느 것에 대한 PR을 검토하는 것도 기꺼이 하겠습니다. 감사합니다!
5개의 좋아요
https://github.com/pmusaraj/discourse-category-icons/pull/5가 병합되었습니다. @rogerco님, 감사합니다!
3개의 좋아요
설정에서 막대(bars) 대신 목록(bullet)이나 상자(boxes)를 사용할 때 카테고리 색상 옵션에서 사소한 문제가 발생했습니다. 색상 옵션은 막대 설정에만 구현해 두었기 때문에, 다른 옵션에서는 회색으로 표시되고 있습니다. 대부분 CSS로 해결할 수 있을 것 같지만 아직 방법을 찾지 못했습니다. 반드시 해결하겠습니다!
3개의 좋아요
훌륭한 테마를 제공해 주셔서 감사합니다 @pmusaraj! 
COMMENTS 아이콘을 사용해보고 싶은데, solid 버전은 별로 마음에 들지 않습니다. comments를 사용하면 solid 버전이 표시됩니다. solid 버전은 보통 "fas fa-comments"로 제공됩니다.
제가 원하는 것은 regular 버전인데, 보통 "far fa-comments"로 제공됩니다.
아래 변형 중 일부는 유료 구독이 필요합니다. 다른 변형을 선택할 수 있는 방법이 있는지, 아니면 solid 버전만 사용 가능한지 궁금합니다.
3개의 좋아요
2개의 좋아요
두 설정 모두에 "far-comments"를 이렇게 사용하세요:
유료 버전은 공개되어 있지 않아 Discourse에 포함할 수 없습니다. 라이선스가 허용한다면, 테마의 사용자 정의 SVG 스프라이트에 추가할 수 있습니다. 자세한 방법은 Font Awesome 5 및 SVG 아이콘 소개의 “사용자 정의 아이콘 추가” 섹션을 주의 깊게 읽어보시기 바랍니다.
4개의 좋아요
이것에 대한 도움에 감사드립니다! 두 영역 모두에 far-comments를 추가하니 완벽하게 작동했습니다!
제가 이 주제에서 다른 코멘트에 답으로 남긴 다른 질문을 잠깐 봐주실 수 있을까요…?
1개의 좋아요
멋진 테마 컴포넌트네요! 폰트어베이스를 추가하거나 아이콘 스프라이트 업로드를 사용하려고 하는데 문제가 있습니다. 현재 question-circle만 표시되고 있어요. 제가 뭘 잘못하고 있는 걸까요? CSS 코드를 추가해야 하나요?
아래에 스크린샷 첨부합니다
그리고
폰트어베이스 이름은 항상 'not found and create’라고 뜨네요. bullhorn이나 fa-bullhorn처럼 직접적인 이름과 접두사를 사용해 봤습니다.
업데이트 폰트어베이스가 작동하게 되었습니다. 설정에서 SVG 아이콘을 추가하는 방법을 찾았지만, question-circle과 달리 색상 설정이 적용되지 않아요.
커스텀 SVG 아이콘을 사용해보고 싶은데, 초보자를 위한 튜토리얼이 필요합니다.
1개의 좋아요
프로필에 있는 사이트를 보니 카테고리 아이콘이 보이네요. 혹시 이미 해결하신 건가요? 아니라면, 위의 스크린샷을 보면 icons-sprite에 있는 SVG 파일이 개별 아이콘이 아니라 SVG 스프라이트 파일이어야 한다는 점을 확인하셔야 할 것 같습니다. 자세한 내용은 Replace Discourse's default SVG icons with custom icons in a theme 를 참고하세요.
6개의 좋아요