このガイドでは、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 カテゴリには、コミュニティによって作成された他の多くのテーマコンポーネントもあります。
ぜひ閲覧して、利用可能なすべての機能を確認してください。
