# Kiosk, 셀프 서비스 테마 **URL:** \ **Category:** Theme\ **Created:** [7월 10, 2023, 9:35오전 UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092 "2023-07-10T09:35:21Z")\ **Posts on this page:** 1\ **Showing post:** 1
**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\ **Post date:** [7월 10, 2023, 9:35오전 UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/1 "2023-07-10T09:35:22Z")
![Thumbnail Kiosk grey](https://global.discourse-cdn.com/meta/original/4X/f/5/3/f5362360fc3043d50180e3cb74fdaebfd82573e0.png) | | | | | --- | --- | --- | | 💫 | **요약** | **Kiosk** 테마는 셀프 서비스 터미널의 외관을 갖추고 있습니다 | | 🛠 | **저장소** | [GitHub - nolosb/discourse-theme-kiosk · GitHub](https://github.com/nolosb/discourse-theme-kiosk) | | 📖 | **Discourse 테마를 처음 사용하시나요?** | [Discourse 테마 사용 입문가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |   이 테마 설치하기   ![kiosk.topics](https://global.discourse-cdn.com/meta/original/4X/4/d/c/4dcf646f0225f2a963d42b2b52ac8529bc378625.png) ![kiosk.categories](https://global.discourse-cdn.com/meta/original/4X/6/c/6/6c67305b37e9acd21d3284ded8fe9a625f0c10b6.png) ![kiosk.category](https://global.discourse-cdn.com/meta/original/4X/5/9/5/5954d58a32406040d8247abb58175a55e2171b39.png) ![kiosk.tag](https://global.discourse-cdn.com/meta/original/4X/0/2/d/02d56643fdc5da53e14e8036f896483bfff89aa6.png) ## 테마 기능 - **간단한 내비게이션** 이 테마는 대부분의 중첩되거나 복잡한 내비게이션 기능을 제거합니다. - **좋아하는 항목 선택** [Discourse용 Reddit 스타일 테마](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466)에서 이 기능을 좋아하여 그대로 가져왔습니다 ✨ 별 아이콘을 클릭하면 카테고리를 바로 사이드바에 추가할 수 있습니다. ## 공식 컴포넌트 이 테마는 여러 공식 컴포넌트를 기반으로 구축되었습니다: - **아바타 컴포넌트** 아바타와 헤더의 크기를 조정합니다. - **헤더 검색** 헤더에 검색 필드를 추가합니다. - **새 주제 버튼** 기본 버튼을 헤더에 상주하는 새 주제 버튼으로 대체합니다. - **다크-라이트 토글** 색상 스킴을 전환하는 아이콘을 추가합니다. ## 커스텀 컴포넌트 두 개의 커스텀 레이아웃 컴포넌트도 사용합니다: - **패널** 모든 경로에서 주요 콘텐츠 컨테이너 주위에 패널 레이아웃을 추가합니다. - **라운드** 많은 요소의 모서리를 둥글게 만듭니다. 작업 진행 중입니다..   > ### 🎼 테마 조정하기 > > - _아바타 컴포넌트_에서 아바타 크기를 증가시켜 흐릿하게 렌더링되지 않도록 하세요. 제 라이브 사이트에서는 크기를 `medium`과 `45`로 설정했습니다. > > - _라운드_ 컴포넌트에서 모서리를 부드럽게 할 수 있습니다. 제 라이브 사이트에서는 기본 및 버튼 반지름을 `2px`으로 설정했습니다. > > - 기본적으로 사이드바는 링크의 평탄한 목록을 표시합니다. 이 테마 설정을 토글하여 _더 보기_ 드롭다운을 표시하고 사이드바 섹션을 사용자 지정하세요. 스태프만 드롭다운을 볼 수 있습니다: > > ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/a/c0a84e1c695bd31c206824d70b9d7ce226631d27.png) > > - 관리자 설정에서 카테고리 스타일로 `카테고리 및 추천 주제`를 선택하세요 > > - 시그니지 폰트를 사용하려면 [HK Grotesk를 컴포넌트로 설치](https://gitlab.com/manuelkostka/discourse/helpers/hk-grotesk.git)할 수 있습니다. --- _[View the full topic](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092)._