스태프 아이콘을 어떻게 변경하나요?

[Nisutec (Niclas)]

안녕하세요,
스태프 아이콘을 관리자(Admins)와 모더레이터(Mods)에서 다른 아이콘으로 변경할 수 있나요?

[omarfilip]

이 주제를 확인해 보세요:

Why can't I edit the moderator group settings like any other new group?

Custom descriptions for automatic groups (admin/moderator/trust levels) will be available soon along with a new groups directory design. I don’t think there’s a reason to not have flair for those groups, there’s just a bit of a complication where flair is currently used to show a user’s primary group, and automatic groups can’t be set as primary groups… so it’s a little more complicated than it seems on the surface. There’s some related discussion about this here: Avatar Flair Image for autom…

[Nisutec (Niclas)]

이 정보에 감사하지만, 스태프 멤버의 사용자 이름 뒤에 있는 방패 아이콘을 변경할 것입니다.

[anon48433008]

이것이 원하는 변경 사항이라면, 사용자 이름 옆의 아이콘을 변경하세요.

공용 헤더(common header)에 다음을 추가하세요.

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('shield-alt', 'terminal');
</script>

'terminal’은 제가 선택한 아이콘이므로, 원하는 아이콘으로 교체하세요.

또한 관리자 패널(admin panel)의 "svg icon subset"에도 선택한 아이콘을 추가하세요.

혹시 헤매신다면, 여기서 "svg icon subset"을 검색해 보세요.

[Nisutec (Niclas)]

헤더에 다음 코드를 추가했습니다.

하지만 이제 방패 아이콘이 숨겨져 있습니다. 다른 FA 아이콘을 사용하려면 어떻게 해야 하나요?

@anon48433008

또한 관리 패널의 “svg icon subset”에 선택한 내용을 추가하세요.

FA Pro 아이콘을 "svg icon subset"에 추가할 수 있나요?

[anon48433008]

@Nisutec

“svg icon subset”에 FA Pro Icons를 추가할 수 있을까요?

잘 모르겠지만, 아마도 구독/지불이 필요하고 그렇게 했다면 스크립트를 수정해야 할 가능성이 높을 겁니다.

Font Awesome

그들에게 연락해서 물어보고, 결과를 알려주세요. 연간 99달러가 가치 있는지는 잘 모르겠지만, 충분히 많은 사람들이 요청한다면 Discourse가 라이선스를 취득/추가할 수 있을지도 모릅니다.

그때까지는 무료 아이콘을 사용하실 수 있습니다.

Font Awesome

[Canapin (Coin-coin le Canapin)]

도움이 될지는 모르겠지만, 이 내용들을 참고해 보세요:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

Introducing Font Awesome 5 and SVG icons

See also: We're upgrading our icons to Font Awesome 6! We will shortly merge into master a branch that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers. Here is a quick rundown of the changes: using SVG icons will provide crisper icons, better for accessibility and easier to customize, see this Github article for more details since…

[Nisutec (Niclas)]

@anon48433008

잘 모르겠지만, 아마 구독/지불이 필요할 것이고, 그렇게 했다는 점을 반영하기 위해 스크립트를 수정해야 할 것 같습니다.

네, 헤더의 첫 번째 줄은 모든 FA 아이콘을 사용할 수 있도록 하기 위한 것입니다. 하지만 현재 API는 아마도 이를 액세스할 수 없을 것입니다.
해당 기능 요청을 해보겠습니다.

모두에게 도움 주셔서 감사합니다

[Nisutec (Niclas)]

커스텀 SVG 파일을 아이콘으로 사용하려면 어떻게 해야 하나요?
Dark Design에 SVG 파일을 업로드했습니다.

그리고 다음과 같은 커스텀 헤더를 사용했습니다.

<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('shield-alt', '$shield-alt-duotone');
</script>

하지만 아이콘이 보이지 않습니다.

[Canapin (Coin-coin le Canapin)]

이것은 그렇게 작동하지 않습니다. $shield-alt-duotone는 사용자 정의 CSS에서 사용하도록 설계된 변수입니다. 이전에 링크한 첫 번째 주제는 SVG 파일로 아이콘을 새 아이콘으로 교체하는 방법을 설명합니다:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

[Nisutec (Niclas)]

음, 작동하네요. 감사합니다.