Category Icons

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

안녕하세요! 새로운 업데이트 소식이 있나요? 무슨 일이 있었는지 정말 궁금합니다.

5개의 좋아요
208

현재 상태가 어떻게 되나요? fontawesome을 넘어가고 싶습니다.

3개의 좋아요
209

아직 병합되지 않았지만, 그동안 저장소를 설치하고 제 브랜치를 자유롭게 사용해도 됩니다. :no_mouth:

2개의 좋아요
210

감사합니다! 우리 사이트용 새 메뉴 작업이 끝나면 스테이징에서 시험해 볼게요. :slight_smile:

2개의 좋아요
220

새 프로젝트에서 이 컴포넌트를 사용하지 않도록, 이 일이 언제 일어날지 아시는 분이 계신가요?

image
image529×252 11.2 KB

1개의 좋아요
221

저는 그냥 해당 컴포넌트를 사용할 것 같습니다. Moving to a Single Category Style Site Setting 포스트에서 카테고리 아이콘에 대한 질문들이 있었는데, Discourse 3.2 버전이 출시되기 전까지는 코어에 포함되지 않을 것 같습니다.

4개의 좋아요
222

네, 확인드립니다. 해당 컴포넌트에 대한 업데이트를 병합하여 Moving to a Single Category Style Site Setting 와 호환되도록 수정했습니다.

이 업데이트는 Discourse 3.2.0.beta4-dev 이상 버전을 사용하는 사이트에서 사용할 수 있으며, 이는 Pinning plugin and theme versions for older Discourse installs (d-compat branches) 덕분에 가능합니다.

이것이 특정 커밋이 아닌 특정 버전에 고정되어 있으므로… 이미 Discourse 3.2.0.beta4-dev를 사용하고 있고 이 컴포넌트 관련 문제를 겪고 있다면, 오늘 다시 한 번 Discourse를 업데이트해야 할 수 있습니다.

3개의 좋아요
223

여러분의 브랜치를 직접 테스트해 볼 기회는 아직 없었지만, 나중에 다시 돌아와서 확인해 보려 합니다. 이것이 공식적으로 채택될지에 대해 새로운 소식은 있나요?

1개의 좋아요
224

@carson 이 기능을 조금 테스트해 봤습니다. 기본적으로 괜찮아 보이지만, 다음과 같은 문제가 있습니다:

  1. 카테고리 선택 드롭다운의 아이콘이 컬러로 표시되지 않습니다.
  2. 새 메뉴에서 작동하지 않습니다.
  3. "카테고리의 업로드된 로고를 아이콘으로 사용"을 활성화할 경우:
    a. 카테고리 선택 드롭다운에만 영향을 미칩니다.
    b. 다른 곳에서는 카테고리 옆에 표시되지 않습니다.
    c. 또한 이 옵션이 켜져 있으면, 카테고리 선택 드롭다운은 오직 해당 아이콘만 표시합니다(다른 카테고리에 다른 아이콘이 설정되어 있더라도).
  4. 아이콘이 이전 테마보다 크게 보입니다. 이전과 같은 크기로 유지하는 것이 가장 덜 혼란을 줄일 수 있겠지만, 크기를 설정할 수 있는 옵션이 있으면 좋겠습니다.

또한 있으면 좋은 기능들:

  • 카테고리 잠금 아이콘을 다른 것으로 설정하는 것뿐만 아니라 완전히 숨길 수 있는 옵션을 제공해 주세요.[1]
  • 카테고리 로고가 사용 중이라면, 카테고리 페이지의 큰 카테고리 로고를 숨길 수 있는 옵션을 제공해 주세요. 중복됩니다.
  • 이모지와 fontawesome 설정을 카테고리 로고 설정 옆에 있는 카테고리 페이지로 이동해 주세요.

  1. 이 아이콘은 시각적 노이즈를 많이 유발하는데, 카테고리가 어떻게 제한되어 있는지를 알려주지 않아 유용성이 낮습니다! ↩︎

2개의 좋아요
225

게시물이 기존 주제에 병합되었습니다: 메타에서 테마 설치 버튼이 작동하지 않음

226

Coin님,

우리는 ultrakiller와 동일한 문제를 겪고 있는 것 같습니다.

업로드하려고 추가한 파일은 다음과 같습니다.
category

별 아이콘을 이 카테고리 아이콘으로 대체하기 위해 해당 코드를 사용했지만 작동하지 않습니다.

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');
</script>

어떤 단계를 놓치고 있는지 정말 혼란스럽습니다. 확인해 주실 수 있을까요? 정말 감사합니다!

1개의 좋아요
227

안녕하세요, 올바른 형식의 SVG 파일을 만들려면 다음 가이드를 따르세요:

여러분의 경우, 다음과 같은 형태가 될 것입니다:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

다음 사항들을 확인하세요:

  • fill="currentColor"를 삽입합니다.
  • SVG를 SCSS 변수 이름 icons-sprite와 함께 업로드합니다.

결과:
image

7개의 좋아요
228

Arkshine님, 감사합니다. 제가 시도해 보겠습니다.

2개의 좋아요
229

이 테마 컴포넌트는 동일한 이름을 가진 하위 카테고리를 처리하나요?

  • parent (slug: parent)
    • sub (slug: sub)
  • parent2 (slug: paren2)
    • sub (slug: sub)

parent-slub 또는 parent1-sub 슬러그를 사용하여 해당 항목에 설정을 적용하려고 해도 적용되지 않는 것 같습니다.

230

부모 항목과 하위 항목의 슬러그 이름이 다른가요? 슬러그 이름만 다르다면 작동할 것 같습니다.

231

슬러그 이름 예제는 위 게시물에 공유했습니다.

1개의 좋아요
232

아, 그리고 작동하지 않았다는 건가요? 이 TC에서는 유사한 이름의 카테고리를 사용해 본 적이 없지만, 한때 서브카테고리를 인스턴스로 사용한 적이 기억납니다. 당시 부모 카테고리는 서브카테고리를 담는 컨테이너 역할만 하고 있었거든요.

1개의 좋아요
233

@lindsey / @tobiaseigen 이제 상단 게시물에 경고를 추가했습니다.

하지만 현재 메타에서 검색 관련 오류(landmines)가 꽤 많이 발생하고 있으므로, 이 부분을 정리할 필요가 있을 것 같습니다.

4개의 좋아요