このガイドでは、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
右サイドバー
カテゴリ
- Categories Tag Column
- Categories Tracking Toggle
- Category Banners
- Category Badge Styles
- Category Groups
- Colorful Categories
- Custom Category Boxes
- 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
- Change the Like Icon to 👍
- DiscoTOC - automatic table of contents
- Discourse Gifs
- Discourse Icon
- Discourse Mermaid
- Discourse OrgChart
- Discourse svgbob
- 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
Theme component カテゴリでは、さらに多くのコミュニティ作成のテーマコンポーネントを見つけることができます。
ぜひ閲覧して、利用可能なすべてのものを確認してください。
:discourse2: **弊社でホストしていますか？** Pro、Business、Enterprise プランでは、テーマコンポーネントをご利用いただけます。