 |
요약 | 내비게이션 항목 앞에 아이콘/이모지 추가 |
 |
저장소 | GitHub - VaperinaDEV/discourse-nav-item-icon-emoji: Add Icon / Emoji before nav item · GitHub |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코ourse 테마를 처음 사용하시나요? | 디스코ourse 테마 사용 입문가이드 |
이 테마 컴포넌트 설치
안녕하세요 
이 테마 컴포넌트를 사용하면 내비게이션 항목 앞에 아이콘 또는 이모지를 추가할 수 있습니다. 이 테마 컴포넌트는 Discourse Easy 'SVG Icon' and 'Emoji' in CSS 를 기반으로 합니다.
nav item prefix
이 설정은 아이콘과 이모지도 처리할 수 있습니다.
따라야 할 규칙은 다음과 같습니다:
아이콘
내비게이션 항목 앞에 아이콘을 추가하려면:
icon:nav-item:icon-set:icon-name:icon-color
내비게이션 항목 앞에 아이콘을 추가하려면 먼저 icon으로 유형을 정의해야 합니다.
- nav-item: latest, hot, new, unread, categories 등…
- icon-set: brands, regular, solid
- icon-color:
currentColor, HEX 또는 색상 변수
예시:
icon:latest:solid:rocket:currentColor
icon:top:regular:star:var(--gold)
icon:unseen:solid:compass:#228C22
이모지
내비게이션 항목 앞에 이모지를 추가하려면:
emoji:nav-item:emoji-set:emoji-name:filter
내비게이션 항목 앞에 이모지를 추가하려면 먼저 emoji로 유형을 정의해야 합니다.
- nav-item: latest, hot, new, unread, categories 등…
- emoji-set: apple, google, twitter, win10, google_classic, facebook_messenger
- filter: 라이트 모드에서는 이모지 색상을 검정으로, 다크 모드에서는 흰색으로 만듭니다. 이모지에 마우스를 올리거나 활성화되면 전환 효과와 함께 표시됩니다. (선택 사항)
예시:
emoji:latest:twitter:rocket:filter
emoji:top:google:star
emoji:new:facebook_messenger:bell
데스크톱 내비게이션
모바일 내비게이션
? 만드는 주제마다 알림을 받고 싶어요! 용어가 말하듯…대박이에요!
