Category Icons

커스터마이징 테마 컴포넌트
, ,
107

안녕하세요 여러분 - 플러그인을 설치했는데 설정을 어디서 할 수 있는지 찾지 못하겠습니다.

2.6.0.beta2 버전과 호환되는 건가요?

제 app.yml 파일은 다음과 같습니다:

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## 빌드 후 실행할 사용자 지정 명령

빌드를 다시 수행했는데도 관리자 패널 어디에서도 설정할 수 있는 항목이 보이지 않습니다.

도움 부탁드립니다.

1개의 좋아요
108

안녕하세요, 이것은 플러그인이 아닙니다! 테마 컴포넌트입니다.

테마 컴포넌트를 설치하는 방법을 읽어보세요: Installing a theme or theme component

수정: 이것들도 테마 컴포넌트이므로 같은 방식으로 설치하세요 :arrow_up:

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
6개의 좋아요
109

돈, 정말 감사합니다. 별이에요 - 이 플랫폼에 완전히 초보라는 걸 아실 수 있겠지만요

앤트

2개의 좋아요
110

안녕하세요, 아이콘 색상을 지정할 수 있는 새로운 옵션 "catcol"을 추가하기 위해 PR을 생성했습니다. 이 옵션을 사용하면 해당 카테고리의 색상(카테고리 스트라이프에서 볼 수 있거나, 카테고리 편집 > 일반 > 배경색에서 설정된 색상)을 자동으로 적용하게 됩니다.

예: “test,hands-helping,catcol,partial”

이 기능은 부분 이름 매칭(partial name match)과 함께 사용할 때 가장 유용합니다. 위 예시에서는 슬러그에 "test"가 포함된 모든 카테고리에 동일한 아이콘을 사용할 수 있지만, 각 카테고리는 동일한 색상을 공유하는 대신 자체 카테고리 색상을 적용받습니다. 또한, 일회성 아이콘(정확한 매칭)에 대해 매번 색상을 선택해야 하는 번거로움을 피할 수 있는 간단한 대안이 되며, 단순히 카테고리 색상을 사용하면 됩니다.

이 기능은 향후 PR에서 제안될 예정인 또 다른 새 옵션과도 유용하게 결합될 수 있습니다. 해당 옵션은 아이콘이 카테고리 색상을 유지하면서 카테고리 스트라이프를 대체하는 기능입니다.

RogerCO

3개의 좋아요
111

@rogerco의 PR이 이제 병합되었습니다. 아이콘 색상이 들어가야 할 위치에 특수 키워드 "categoryColour"를 추가하여 카테고리 색상을 사용할 수 있습니다. Roger님 감사합니다!

2개의 좋아요
112

/categories 뷰에서 아이콘에 색상이 적용되지 않나요?

2개의 좋아요
113

아, 죄송합니다. 이제 수정되었을 겁니다.

2개의 좋아요
115

안녕하세요, 이 컴포넌트는 FontAwesome을 요구하나요, 아니면 제가 직접 아이콘을 사용할 수 있나요?

1개의 좋아요
116

다른 분들에게도 유용할지 모르겠지만, discourse-category-icons 아이콘을 배너 제목 옆에 표시하도록 discourse-category-banners에 풀 리퀘스트를 제출했습니다. 저는 여기에서 프로덕션 환경으로 사용하고 있습니다.

9개의 좋아요
117

@renato, 감사합니다. PR이 병합되었습니다.

6개의 좋아요
118

좋은 추가 기능이지만, 카테고리 아이콘 색상이 카테고리 색상과 동일하게 설정된 경우 예상대로 작동하지 않습니다. (예시에서 카테고리 아이콘에 기본 검정색을 사용했는데, 제목과 마찬가지로 흰색으로 반전됩니다.)

따라서 어떤 색상의 아이콘이든 사용할 수 있도록, 제목의 아이콘 색상을 제목 색상과 동일하게 명시적으로 설정하는 것이 좋겠습니다.

3개의 좋아요
119

저도 인스턴스에서 동일한 문제를 겪었지만, 카테고리 아이콘의 색상을 생략하면 렌더러에서 적절한 색상(카테고리 렌더러에서는 흰색, 배너 제목에서는 흰색, 배경이 흰색인 경우 검은색)이 적용되는 것을 알게 되었습니다: image 그리고 배너 제목에서는 흰색, 배경이 흰색인 경우 검은색으로 표시됩니다: image.

그러나 box 카테고리 스타일을 사용하지 않고 카테고리 아이콘 색상이 카테고리 배경색과 동일하게 설정된 경우, 말씀하신 대로 아이콘이 “보이지 않게” 됩니다.

다른 색상으로 명시적으로 설정할 수도 있겠지만, 배너 제목은 카테고리 색상을 사용하므로, 제안하신 대로 이것이 가장 안전한 방법일 것입니다. @pmusaraj 어떻게 생각하시나요?

4개의 좋아요
120

네, 저한테는 괜찮습니다.

2개의 좋아요
121

안녕하세요. 이 컴포넌트가 정말 좋습니다. 카테고리 목록에 카테고리 아이콘이 표시될 때 이를 비활성화할 수 있을까요? 저희는 카테고리 목록 드롭다운을 제외한 다른 모든 곳에 카테고리 아이콘을 사용하고 싶습니다.

1개의 좋아요
122

네, 특정 목록에서 아이콘을 숨기려면 CSS를 추가할 수 있습니다.

2개의 좋아요
123

Penar님, 안녕하세요. 모든 카테고리의 아이콘은 유지하되, 카테고리 목록 컨트롤의 드롭다운에서만 아이콘 표시를 비활성화하려고 합니다. “fa d-icon d-icon-lock svg-icon svg-string” 및 ‘category-name’ 클래스를 사용해보았지만 성공하지 못했습니다. CSS 설정을 어디에 적용해야 하나요? 시도해볼 수 있는 설정에 대한 조언을 주실 수 있을까요?

감사합니다.
Doug

3개의 좋아요
124

네, 도와드릴 수 있습니다. 아이콘을 숨기고 싶은 UI 요소의 스크린샷을 올려 주시겠어요? 정확히 무엇을 말씀하시는지 100% 확신은 없지만, 스크린샷이 있다면 해당 특정 컨텍스트에서만 아이콘을 숨기려면 어떤 CSS가 필요한지 알려드릴 수 있을 것 같습니다.

3개의 좋아요
125

Penar님,

좋습니다. 첨부된 스크린샷은 아이콘이 표시되지 않기를 원하는 테스트 예시입니다.

Screen Shot 2021-02-08 at 9.55.59 AM
Screen Shot 2021-02-08 at 9.55.59 AM1280×1400 84.6 KB
. 이 스크린샷은 카테고리 목록 드롭다운 컨트롤에 화살표 아이콘이 표시되는 모습을 보여줍니다. 사이트의 다른 위치에서는 아이콘이 표시되기를 원합니다(두 번째 스크린샷 참고). Screen Shot 2021-02-08 at 9.59.36 AM|690x356 예를 들어 게시물이 표시되는 위치 등이 해당됩니다. 이곳의 몇몇 사용자는 게시물을 확인한 후 카테고리 상단으로 쉽게 돌아가기 위해 이러한 뒤로 가기 화살표 아이콘과 같은 기능이 있으면 좋겠다고 요청했습니다. 저는 Discourse 웹 인터페이스를 사용하여 이 기능을 구현할 다른 방법들을 제안했지만, 여전히 이 요청이 구현되기를 희망하고 있습니다.

감사합니다,
Doug White
Carolina Health Informatics Program
University of North Carolina at Chapel Hill

1개의 좋아요
126

음, 이렇게 하려면 필요한 CSS는 다음과 같습니다:

.select-kit-row .category-badge-icon {
    display: none;
}

하지만 다른 곳에서 문제가 발생할 수 있습니다. 카테고리 배지는 여러 곳에서 표시되며, 그 화살표는 도움이 될 때보다 더 자주 혼란을 줄 것입니다.

1개의 좋아요
127

네, 알고 있습니다. 그들에게 그렇게 말씀했지만, 그래도 진행해 달라고 요청받았습니다. 컨트롤 자체에서 아이콘이 표시되지 않도록 하는 방법이 있을까요? 여전히 목록 컨트롤 상단에 아이콘이 표시되고 있습니다.

Screen Shot 2021-02-08 at 12.35.09 PM
Screen Shot 2021-02-08 at 12.35.09 PM1174×1136 65.4 KB
.

1개의 좋아요