이 가이드에서는 Discourse 테마 컴포넌트를 소개하고, 기존에 준비된 컴포넌트를 사용하여 사이트를 커스터마이징하는 방법을 안내합니다.
필요한 사용자 권한: 관리자
테마 컴포넌트는 포럼 디자인의 표면 요소를 변경하거나 추가적인 프론트엔드 기능을 제공하는 커스터마이징 요소입니다. 전체 테마보다 규모가 작고 특정 부분에 집중되어 있어, 일반적으로(항상 그런 것은 아니지만) 다른 테마 컴포넌트와 조합하여 커뮤니티에 딱 맞는 맞춤형 포럼 디자인을 만들 수 있습니다.
필요한 기술이 있다면 직접 커스텀 테마 컴포넌트를 만드는 것도 충분히 가능하지만, 가능한 한 기존에 있는 컴포넌트를 사용하는 것이 훨씬 쉽습니다. 토픽 목록에 포함할 열을 변경하거나, 추가적인 내비게이션 옵션을 추가하거나, 커스터마이징 가능한 배너를 만들거나, 심지어 커뮤니티가 게임 토픽에서 사용할 수 있는 멋진 주사위 굴리기 기능을 포함시킬 수도 있습니다. Discourse 팀이 관리하는 official 컴포넌트 외에도 커뮤니티에서 기여한 컴포넌트들로 가득 찬 카테고리가 있어 선택지가 매우 많습니다. 
시작하기에 좋은 official 컴포넌트 목록은 다음과 같습니다:
공식 테마 컴포넌트
Discourse 팀이 관리하는 테마 컴포넌트입니다 - 공식 테마 컴포넌트
토픽 목록
- Add Category Column
- Add Likes Column
- Avatar Size and Shape
- Clickable Topic
- Featured Tiles
- Halloween Decorations 👻
- Hide Users Column
- Homepage Feature
- Show Original Poster Avatars
- Topic List Author
- Topic Cards
- Topic List Excerpts
- Topic List Thumbnails
우측 사이드바
카테고리
- Alternative Voting Category Style
- Categories Tag Column
- Categories Tracking Toggle
- Category Banners
- Category Badge Styles
- Category Groups
- Colorful Categories
- Follow Category Button
- Gated Topics in Category
- Group Categories Page Override
- Hide Muted Categories
- Showcased Categories
- Topic Count in Category Boxes
태그
헤더와 푸터
- Brand Header
- Custom Header Links
- Custom Header Links (icons)
- Easy Responsive Footer
- Header Submenus
- New Topic Header Button
- Thin Header
- Custom Logo Link
내비게이션과 필터
- Compact Navigation
- Custom Top Navigation Links
- Header Categories Navbar
- Topic Status Filter
- Unanswered Filter
배너
검색
로그인과 가입
사용자
게시물
- Auto-Linkify Words
- Blog Post Styling
- Change the Like Icon to 👍
- 📄 Copy Post Component
- DiscoTOC - automatic table of contents
- Discourse Gifs
- Discourse Icon
- Discourse Mermaid
- Inline PDF Previews
- Insert Video
- Placeholder Forms
- Raw Post Button
- Remove Name Suppression on Posts
- Reply Template
- Scrollable Post Content
- Share Link Shortener
- Social Share
코드와 코드 블록
- Codeblock Theme Picker
- Custom Code
- Customized Inline Codeblocks
- GitHub Status Indicators
- Unformatted Code Detector
추가 기능
개발자 도구
기타
- Add To Home Screen (iOS, iPadOS)
- Customize new topic button text
- Discourse Docs Card Filter
- Google Fonts
- New PM Dropdown Button
- Optional Mobile Title Header
- Sidebar Theme Toggle
- Status Page (Atlassian)
- Topic Footer Buttons
Customization > Theme component 카테고리에서 커뮤니티가 만든 수많은 테마 컴포넌트도 찾을 수 있습니다.
사용 가능한 모든 것을 살펴보세요.
