Category Icons

사실, 이 문제를 다시 확인해 보니 그 분석이 정확하지 않은 것 같습니다. partial을 사용하지 않았음에도 불구하고, 다른 슬러그와 일부 단어가 겹치는 슬러그는 작동하지 않는 것 같습니다.

이미 다음 슬러그를 사용 중이라면:

midi
deprecated

아래 슬러그를 사용할 수 없습니다:

midi-deprecated
midideprecated
mideprecated
deprecated-midi

어떤 이유로든 시스템이 이를 다른 슬러그로 구분하지 못하는 것 같습니다.

결국, abcd를 사용해야 했습니다.

2개의 좋아요

안녕하세요. 노드BB(NodeBB)처럼 컬러 원형 배경 위에 카테고리 아이콘을 만들 수 있을까요? 이렇게 하면 아이콘이 훨씬 예뻐 보입니다.

2개의 좋아요

네, CSS를 사용하면 가능합니다.

3개의 좋아요

안녕하세요. 이렇게 보이도록 카테고리 스타일 설정을 추가해 주실 수 있을까요?

3개의 게시물이 새 주제로 분리되었습니다: 이 카테고리 이미지는 어떻게 추가되나요?

게시물이 새 주제로 분리되었습니다: 사이드바에 카테고리 잠금 아이콘 추가

이전에 언급되었을 가능성이 높지만, 카테고리 스타일이 none인 경우 더 이상 카테고리 색상을 변경할 수 없으며, 대신 다음과 같은 알림이 표시됩니다:

카테고리 스타일이 none이므로 색상을 선택할 수 없습니다.

현재는 스타일을 다른 것으로 변경한 후 색상을 바꾸고, 다시 스타일을 none으로 되돌려야 합니다.

다른 주제로, 사이드바의 카테고리와 태그 아이콘을 이 테마 컴포넌트에서 설정된 대로 대체하려면 여전히 코어 변경이 필요하다고 생각하는데, 맞나요?

3개의 좋아요

맞습니다. 이 문제에 대한 Contribute > Bug 토픽과 일부 토론은 다음과 같습니다:

3개의 좋아요

게시물 2개가 기존 주제 사이드바에 카테고리 아이콘 추가에 병합되었습니다.

5개의 게시물이 새 주제로 분리되었습니다: Icons work for all but one category

게시물 5개가 새 주제 아이콘이 표시되지 않음으로 분리되었습니다.

저는 정말 보고 싶었던 3가지 기능을 추가했습니다.

기능 1 — 카테고리 로고를 카테고리 아이콘으로 사용

Category settings > Images > Category Logo Image 아래 카테고리 설정에서 SVG 또는 PNG를 업로드하기만 하면 됩니다. 커스텀 스프라이트 시트를 만지작거릴 필요가 없습니다!

설정

저도 이에 동의합니다. 각각의 카테고리 페이지 자체에서 모든 것을 설정할 수 있다면 매우 좋겠습니다. 카테고리 로고를 카테고리 아이콘으로 사용하는 데 문제가 없다면, 이 기능이 다음으로 가까운 대안이 될 수 있다고 생각합니다.


추가로, 이제 2가지 유형의 이모지를 사용할 수 있습니다!

기능 2 — 네이티브 시스템 이모지를 카테고리 아이콘으로 사용

iOS, macOS 또는 기타 기기의 네이티브 이모지 키보드를 사용하여 단일 유니코드 이모지 문자를 입력하기만 하면 됩니다.

설정


기능 3 — Discourse 이모지를 카테고리 아이콘으로 사용 (+ 프로 팁!)

Discourse의 호스팅된 이모지 세트를 사용하세요! :grinning:과 같은 이모지 약어를 입력하기만 하면 → :grinning: 으로 렌더링됩니다.

프로 팁

카테고리 로고를 대체하지 않고 커스텀 카테고리 아이콘을 업로드하려면 이 해결책이 좋습니다. Admin > Customize > Emoji 아래에서 아이콘을 이모지로 업로드하기만 하면 됩니다. 그런 다음 이모지의 :shorthand:를 사용하세요.

설정


네이티브 이모지, Discourse 이모지, Font Awesome 아이콘은 모두 섞어서 사용할 수 있습니다. 그렇게 하고 싶다면요…

설정


이 기능을 개발하면서 @pmusaraj님께 몇 가지 질문이 있습니다 —

서브카테고리가 동일한 슬러그를 공유하는 문제를 해결하기 위해 partial 옵션을 완전히 제거하고 카테고리 슬러그를 카테고리 ID로 대체할 수 있을까요? 동일한 슬러그를 공유하는 서브카테고리에 서로 다른 아이콘을 사용하고 싶다면, 이것도 해결책이 될 것입니다. ID가 더 유일하므로 논리적인 접근 방식이며 깨지기 쉽지도 않습니다(카테고리를 삭제하는 경우를 제외하고는, 하지만 그렇게 하면 모든 카테고리 ID가 재할당되는지 궁금합니다).

또한, svg-icons 설정은 여전히 필요한가요? (Font Awesome 아이콘은 거기에 지정하지 않아도 렌더링됩니다.)

9개의 좋아요

노드BB처럼 아이콘의 둥근 배경 색상을 선택할 수 있으면 좋겠습니다. 그래야 아이콘이 더 잘 보일 텐데요.

2개의 좋아요

제안해 주셔서 감사합니다! 확인해 봤는데 실제로 꽤 멋진 아이디어입니다. 카테고리 색상에서 값을 가져와서 원형 배경을 활성화할 수 있는 옵션을 추가할 수 있을 것 같습니다. 애플의 프로필 사진 옵션이 떠오릅니다.


기존의 Font Awesome 아이콘 색상 옵션을 제거하고, 색상 설정을 카테고리 색상에서 가져오는 것이 더 간결한 해결책이 될 것 같습니다. 위에서 언급했듯이, 반대로 Font Awesome 아이콘을 흰색으로 하고 카테고리 색상이 적용된 원형 배경 위에 배치하는 방식도 가능합니다. 이렇게 하면 불필요한 복잡성을 줄이고 일관된 디자인을 구현할 수 있습니다.

6개의 좋아요

카테고리 색상은 시각적 노이즈에 불과합니다. Nodebb는 카테고리 색상을 사용하지 않고 카테고리 아이콘을 사용하며, 카테고리가 매우 잘 보입니다.

1개의 좋아요

일부 사용자는 하위 카테고리에 동일한 아이콘을 사용하고 싶어서 partial 옵션을 이용하고 있다고 생각합니다. 카테고리 ID로 전환하면 이 테마 컴포넌트를 사용하는 기존 모든 사용자가 다음 업데이트 후 재설정을 해야 하며, 이는 상당한 혼란을 초래할 것입니다.

이것도 까다로운 문제입니다. 사이트의 스타일 가이드에서 볼 수 없는 아이콘(기본 Discourse 세트에 포함되지 않은 FA 아이콘)을 선택할 경우 여전히 유용합니다. 이를 위한 일반적인 사이트 설정도 있지만, partial 설정과 마찬가지로 해당 설정을 사용하는 기존 사용자가 있을 것으로 예상되므로, 이를 제거하면 일부 Discourse 사이트에서 아이콘이 누락되는 문제가 발생할 수 있습니다.

3개의 좋아요

이를 위해 “상위 카테고리에서 아이콘 상속” 설정을 기본값으로 두어야 합니다.
이렇게 하면 재설정이 쉬워지고 많은 시간을 소요하지 않아도 됩니다. 많은 항목을 기본적으로 상속할 수 있습니다.
준비된 아이콘 중에서 직접 선택하거나, 수동으로 업로드하거나(온라인 이미지에서 SVG로 변환하는 것도 가능할 것입니다) 커뮤니티의 사용성을 개선하기 위한 아이콘 활용에 무한한 가능성을 제공합니다.

1개의 좋아요

TC에서 그 내용들을 볼 수 없는데요. 향후 계획인가요? 아니면 현재 작업 중인 것인가요?

개념이 정말 좋습니다! 이 TC를 다음 단계로 끌어올릴 것 같아요.

2개의 좋아요

이 업데이트는 아직 병합되지 않았으며, 현재 저장소에서 별도의 브랜치로만 존재합니다. 기존 설정을 깨뜨리지 않도록 다음 주 안에 병합을 위한 PR을 제출할 예정입니다. 좋은 피드백 주셔서 감사합니다! :smiley:

5개의 좋아요

bbcode 플러그인을 설치하면 bbcode 색상을 옵션으로 사용할 수 있을 것 같습니다. 마찬가지로 smoji도 있습니다.

1개의 좋아요