 |
요약 | 주제 소유자의 게시글에 배지를 추가합니다. |
 |
레포지토리 | https://github.com/VaperinaDEV/author-badge-for-topic-posts |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코ourse 테마를 처음 사용하시나요? | 디스코ourse 테마 사용 입문가이드 |
이 테마 컴포넌트 설치
안녕하세요 
이 테마 컴포넌트를 사용하면 주제 소유자의 게시글에 배지 라벨을 추가할 수 있습니다. 이는 큰 규모의 주제에서 원글 작성자(Original Poster)를 명확히 식별할 수 있어 매우 유용합니다.
필터
컴포넌트의 구조상 모바일과 데스크톱 뷰를 각각 별도로 지정할 수 있습니다. 또한 각 카테고리를 개별적으로 지정하여 어떤 카테고리 및 뷰에 어떤 작성자 배지가 표시되는지 커스터마이즈할 수 있습니다.
테마 설정을 통해 이를 구현할 수 있습니다:
컴포넌트가 작동하도록 하려면 3개의 매개변수를 추가해야 합니다.
-
view-type
- desktop
- mobile
-
category-name
- 지정하려는 카테고리입니다. 예: “support”
-
author-label
- 배지 라벨입니다. 예: “Author”
예시:
모바일에서는 이러한 위치에 공간이 부족할 수 있으므로, 모바일에서는 더 짧은 버전의 텍스트를 추가하는 것이 좋습니다.
이제 데스크톱에서는 “Author” 텍스트가, 모바일에서는 “OP” 텍스트가 표시되도록 디스코ourse 카테고리에 작성자 배지를 설정했습니다.
그렇다면 다른 카테고리에서 다른 텍스트를 사용하려면 어떻게 해야 할까요? 각각 별도로 설정해야 하나요? 물론 아닙니다.
view-type 또는 category-name 또는 둘 다 비워두면… 기존 설정을 오버라이드하지 않고 전역적으로 적용됩니다.
예시:
데스크톱의 다른 카테고리에는 “Original Poster” 텍스트를, 비디오 카테고리에는 데스크톱과 모바일 뷰 모두에서 “Director” 텍스트를 사용하도록 2개의 배지를 더 추가했습니다.
이를 위해 다음 섹션을 다음과 같이 비워두면 됩니다.
공백 없이 세미콜론 입력
모든 카테고리와 모든 뷰 유형에서 예: "Author"만 사용하려면 다음을 사용하세요.
세미콜론 두 개(공백 없음)와 Author
;;Author
위치
배지를 추가할 수 있는 위치들을 살펴봅시다…
테마 설정에서 데스크톱과 모바일 뷰를 각각 별도로 선택하여 3개 중 3개의 위치를 지정할 수 있습니다.
이 두 가지 설정 
데스크톱
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar (제한된 공간: 주제 아바타 너비를 사용) (고정) 더 짧은 라벨 선택 권장
after-user-names
below-user-names
모바일
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar (제한된 공간: 주제 아바타 너비를 사용) 더 짧은 라벨 선택 권장
after-user-names (제한된 공간) 더 짧은 라벨 선택 권장
above-user
커스터마이즈
마지막으로 몇 가지 커스터마이즈 옵션을 살펴봅시다.
여기에서 색상, 폰트 스타일, 모서리 등 작성자 배지를 커스터마이즈할 수 있습니다.
예를 들어:
이것은 다음 값을 사용합니다.
이러한 색상 변수는 사이트의 색상 스킴에 따라 다른 색상을 사용할 수 있습니다.
어떤 멋진 작성자 배지를 만들지는 여러분의 자유입니다. 
이 문제를 RTL에서 수정하겠습니다. 다음 PR을 병합했습니다: 
하지만 변명하자면, 새벽 3시였거든요. ㅋㅋ
