このガイドでは、Discourse のテーマコンポーネントと、既存のコンポーネントを使用してサイトをカスタマイズする方法を紹介します。
必要なユーザーレベル：管理者
テーマコンポーネントは、フォーラムデザインの表面要素を変更したり、追加のフロントエンド機能を追加したりするカスタマイズです。完全なテーマよりも小規模でターゲットを絞っているため、一般的には（常にではありませんが）、他のテーマコンポーネントと組み合わせて、コミュニティに合わせた独自のフォーラムデザインを作成できます。
必要なスキルがあれば、独自のテーマコンポーネントを作成することも十分に可能ですが、可能であれば既存のコンポーネントを使用する方がはるかに簡単です。トピックリストに含まれる列を変更したり、追加のナビゲーションオプションを追加したり、カスタマイズ可能なバナーを設定したり、コミュニティのゲームトピックで使用できる便利なダイスローラーを含めたりすることもできます。Discourse チームがメンテナンスしている公式のコンポーネントも多数あり、コミュニティが提供したコンポーネントがカテゴリにまとめられているため、選択肢は豊富です。
以下は、始めるための公式コンポーネントです。
公式テーマコンポーネント
公式テーマコンポーネントこれらは 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
多くのコミュニティ作成のテーマコンポーネントは、#theme-component カテゴリでも見つけることができます。
利用可能なものをすべて確認するために、ぜひ閲覧してください。
