# 원하는 기능: 이 게시글로 배지를 받은 사용자를 표시하는 시각적 힌트
**URL:** https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923
**Category:** Feature
**Tags:** badges
**Created:** [10월 20, 2023, 5:26오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923 "2023-10-20T17:26:08Z")
**Posts on this page:** 18
**Page:** 2
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [10월 29, 2024, 7:05오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/29 "2024-10-29T07:05:11Z")
커스터마이징(효과 등)에는 CSS 지식이 필요하다는 점은 괜찮지만, 초기 표시/숨김 기능과 배지를 포함/제외할지 여부는 설정에서 선택할 수 있어야 합니다.
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [10월 29, 2024, 7:12오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/30 "2024-10-29T07:12:45Z")
> [@hugh](#):
>
> 특정 기술 지식이 없어도 사이트에 사용자 지정 CSS를 추가하는 것이 비교적 쉽다는 점도 언급할 가치가 있습니다: [사이트에서 사용자 지정 CSS 변경 사항 만들기](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101).
이것이 아예 불가능한 Discourse 호스팅 플랜도 있다고 생각합니다. 또한 GitHub에서 설치한 테마에 CSS를 추가하는 것에 어려움을 겪는 관리자도 많습니다.
하지만 제 주장은 CSS가 존재한다는 사실과 그것이 요소를 숨기는 것을 매우 쉽게 만들어준다는 점을 먼저 인지해야 한다는 데 더 초점을 맞추고 있었습니다. 문서가 확실히 도움이 될 수 있지만, 제 경험상 대부분의 사람은 문서를 읽지 않습니다.
“Powered by Discourse” 링크를 비활성화하는 설정이 왜 존재합니까? 이것도 CSS를 사용하여 쉽게 숨길 수 있을 텐데요
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [10월 29, 2024, 11:12오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/31 "2024-10-29T23:12:55Z")
모두가 추가 피드백을 남겨주셔서 감사합니다! 오늘 설정 추가를 검토해 보겠습니다. 🙂
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [10월 30, 2024, 3:00오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/32 "2024-10-30T03:00:45Z")
설정 추가를 위한 첫 번째 시도입니다.
### 전역 설정
### 배지별 설정
설정 자체는 비교적 직관적이지만, 동작 방식은 제가 원했던 것보다 다소 복잡합니다. 노출되면 안 되는 정보를 노출하지 않기 위해, 현재 게시물에 배지를 표시하려면 다음 세 가지 설정이 모두 활성화되어 있어야 합니다:
1. 공개 배지 페이지에 배지 표시
2. 배지 페이지에 배지 부여 게시물 표시
3. 배지가 부여된 게시물에 배지 표시
각 설정의 이유는 다음과 같습니다:
1. 공개 배지 페이지에 배지가 표시되지 않으면 게시물에 배지를 표시하는 것은 모순됩니다.
2. 배지 페이지에 게시물이 표시되지 않으면 게시물에 배지를 표시하는 것은 정보 유출의 위험이 있습니다.
3. 배지가 게시물에 표시되도록 허용하는 새로운 설정입니다.
이 새로운 옵션이 기존 옵션들이 설정된 상태에 의존하는 것이 합리적이라고 가정할 때, 이는 Discourse의 전체적인 디자인 언어에 크게 의존하는 몇 가지 질문을 제기합니다. 따라서 @chapoi 님의 추가적인 피드백을 정말로 듣고 싶습니다.
특히, Discourse 관리자 화면에서 한 옵션이 다른 옵션들이 활성화될 때까지 적용되지 않음을 어떻게 표시하는 것이 적절한가요?
관련된 질문으로는, 시스템 배지에 첫 번째 두 옵션이 모두 활성화되어 있지 않으면 해당 옵션은 읽기 전용이므로 새로운 옵션이 어떤 동작도 수행하지 않습니다. 이러한 배지에 대해서는 이 설정을 읽기 전용으로 표시하되, 다른 모든 시스템 배지에 대해서는 설정 가능하도록 두는 것이 적절한가요?
마지막으로, 관심 있는 모든 분께 드리는 질문입니다: 이 옵션이 기본적으로 활성화되어 있어야 하는 시스템 배지는 어떤 것들이어야 합니까?
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [10월 30, 2024, 4:33오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/33 "2024-10-30T04:33:52Z")
정말 좋은 지적 감사합니다. 깊이 있게 살펴봐 주셔서 감사합니다!
> [@pento](#):
>
> 기존 옵션들이 설정되어 있다는 전제 하에 이 새로운 옵션이 의존할 수 있다는 것이 합리적이라고 가정하면
네, 저는 여기에서 방향을 잘 잡고 있다고 생각합니다.
현재로서는 이 문제에 대한 구조화된 접근 방식이 부족하다고 생각합니다.
아래와 같은 것이 필요할 것 같습니다:
다만, 카피(문구)는 더 좋게 다듬어야겠죠. 😅
@ella (우리 관리자 디자인 리드)님은 어떻게 생각하시나요?
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [10월 30, 2024, 8:45오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/34 "2024-10-30T08:45:54Z")
좋은 아이디어 감사합니다, 찰리. 이게 작동할 것 같네요.
디스코urses 관리자 화면에서 이런 종류의 UI 예시를 찾지 못해서 직접 만들어 보았습니다. 다듬을 부분이 있고(더 나은 문구도 필요하네요! 😄), 하지만 어떻게 작동할 수 있는지에 대한 대략적인 아이디어를 보여주는 정도로는 충분합니다.
---
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [10월 30, 2024, 5:44오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/35 "2024-10-30T17:44:36Z")
> [@pento](#):
>
> 이 옵션이 기본적으로 활성화되어야 하는 시스템 배지는 무엇인가요?
저는 게시(Posting) 카테고리의 배지들을 선호하는 편입니다.
---
### Author:  [@ella](https://meta.discourse.org/u/ella)
#### Post date: [11월 2, 2024, 3:54오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/36 "2024-11-02T03:54:22Z")
동의합니다. 여기에 구조를 추가하면 훨씬 명확해질 것입니다. 예를 들어:
> **사용법**
>
> - 배지를 제목으로 사용할 수 있음
> - 여러 번 부여할 수 있음
>
> **가시성**
>
> - 공개 배지 페이지에 배지 표시
> - 배지 페이지에 배지를 부여한 게시물 표시
> - 배지가 부여된 게시물에 배지 표시
툴팁은 다음과 같이 하면 어떨까요?
> '공개 배지 페이지에 배지 표시’와 '배지 페이지에 배지를 부여한 게시물 표시’가 모두 활성화되어야 합니다.
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [12월 3, 2024, 3:58오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/39 "2024-12-03T03:58:36Z")
모두에게 좋은 소식입니다!
[이 PR](https://github.com/discourse/discourse/pull/29696)이 방금 병합되었습니다!
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [12월 3, 2024, 5:17오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/41 "2024-12-03T05:17:59Z")
@ganncamp 이제 당신의 사이트에도 배포했습니다. 🙂
---
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [12월 3, 2024, 1:00오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/45 "2024-12-03T13:00:35Z")
정말 멋진 소식이에요!!! 감사합니다!
---
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [12월 3, 2024, 4:40오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/46 "2024-12-03T16:40:48Z")
음… 선물 말도 다 포함해서…
화면이 좀 기대 이하네요:
CSS로 어떻게 해볼 수 있을지 알아볼게요.
> **CSS 추가를 위한 수정**
>
> // 게시물에 표시되는 배지를 더 크게 만들기
> .topic-meta-data .user-badge-buttons {
> transform: scale(1.3);
> margin-left: 0px;
> }
CSS로는 건드릴 수 없는 부분이 순서입니다. 표시 이름과 사용자 이름 사이에 배지가 있는 것을 보고 놀랐습니다. 이 순서를 변경할 수 있을까요?
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [12월 4, 2024, 1:27오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/47 "2024-12-04T01:27:25Z")
> [@ganncamp](#):
>
> 그리고 CSS로 건드릴 수 없는 부분은 순서입니다. 배지가 디스플레이 이름과 사용자 이름 사이에 표시되는 것을 보니 놀랍습니다. 이 순서를 변경할 수 있을까요?
피드백을 남겨주셔서 감사합니다, @ganncamp! 🙂
말씀하신 대로 사용자 이름과 디스플레이 이름 사이에 표시되는 것이 다소 어색해 보입니다. 어떻게 될지 한번 확인해 보겠습니다.
순서 변경에 대해 말씀하시는데, 그 문제를 말씀하시는 건가요, 아니면 한 게시물에 여러 배지가 부여된 경우 배지 순서도 변경하고 싶으신 건가요?
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [12월 4, 2024, 6:15오전 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/48 "2024-12-04T06:15:43Z")
좋아요! 이 PR에서 일부 사항을 재배치했습니다:
>
>
> \## ✨ What's This?
>
> This is a follow-up to #29696.
>
> Based on feedback, the ba…dges look a little odd when the user's full name is shown in the post header.
>
> This PR moves them to the end of the post header, and makes some improvements to how elements of the post header behave when it's getting a little squishy due to all the stuff in the header.
>
> \## 📺 Screenshots
>
> !\[\](https://github.com/user-attachments/assets/e4ea16e8-b7d5-4300-8c74-c1365f90696d)
> !\[\](https://github.com/user-attachments/assets/96eb3a6c-ec78-4605-ade8-8eca2d03a5da)
> !\[\](https://github.com/user-attachments/assets/aa0b9dec-ae24-4430-ae34-79c32dc1a896)
> !\[\](https://github.com/user-attachments/assets/4643fac2-94a9-4a9a-9aec-65a1bf56181c)
> !\[\](https://github.com/user-attachments/assets/f5886051-c942-4ab1-81bd-3c2a998e0b03)
>
> \## 👑 Testing
>
> Try switching on different options that alter the post header, see how it looks.
여기 게시글 헤더 옵션의 다양한 변형에 대한 몇 가지 스크린샷을 첨부합니다:
---
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [12월 4, 2024, 12:39오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/49 "2024-12-04T12:39:42Z")
> [@pento](#):
>
> 순서를 변경한다는 말씀은 그 이슈를 말씀하시는 건가요?
네. 저는 (현재로서는 😅) 배지의 순서에 대해 걱정하고 있지는 않습니다.
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [12월 4, 2024, 10:54오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/50 "2024-12-04T22:54:45Z")
@ganncamp 님! 사이트의 해당 수정 사항을 병합하고 배포했습니다. 🙂
---
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [12월 5, 2024, 12:46오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/51 "2024-12-05T12:46:31Z")
감사합니다!
관심 있는 분들을 위해 최종 CSS를 공유합니다.
```plaintext
// 게시글에 표시되는 배지를 더 크고 화려하게 만듭니다
.topic-meta-data .user-badge-buttons .svg-icon {
transform: scale(1.3);
// 이것이 '화려함'의 핵심입니다
border-radius: 50%;
background-color: var(--highlight-bg);
border-width: 2px;
border-style: solid;
border-color: var(--highlight);
padding: 4px;
}
```
결과:
---
### Author:  [@pento](https://meta.discourse.org/u/pento)
#### Post date: [1월 5, 2025, 9:00오후 UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/53 "2025-01-05T21:00:01Z")
이 주제는 2일 후 자동으로 닫혔습니다. 더 이상 새 답변을 게시할 수 없습니다.
[이전 페이지](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923.md?page=1)