 |
概要 | Horizon のコンテキスト豊富なトピックカードにトピックサムネイルを追加します |
 |
リポジトリ | GitHub - criptonautas/discourse-horizon-topic-thumbnails: Topic thumbnails on Horizon's high context topic cards · GitHub |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourseテーマ初心者の方へ | Discourseテーマの使い方の初心者ガイド |
このテーマコンポーネントをインストール
Horizon をフォークしたり編集したりせずに、Horizon のコンテキスト豊富なトピックカードにサムネイルを追加します。コンポーネントを無効化または削除すると、変更は完全に元に戻ります。
ライブスクリーンショット
compact last reply 設定が有効なデスクトップ:
画像が上に表示されるモバイル:
機能
- 各カードの後端（末尾側）にトピックの画像を表示します。
- スマートフォンでは、カード上部にバナーとして表示します。
- 画像のないトピックにはプレースホルダーを保持し、カードの均一性を保ちます。
- オプションで、最後の返信のピル（ボタン/バッジ）をフッター行に移動し、カードを短く保ちます。
- 画面に適したサイズを読み込むため、トピックリストですべての元画像をダウンロードすることはありません。
Horizon AI Gists と併用しても動作します。
必要条件
- Horizon でコンテキスト豊富なトピックカードが有効になっていること
- サイト設定の
create thumbnailsが有効になっていること - Discourse 2026.5.0 以降
公式の Topic List Thumbnails コンポーネントとは併用しないでください: 必要がなく、Horizon のカードで競合します。
設定
| 設定 | デフォルト | |
|---|---|---|
thumbnail_size |
240 |
サムネイルカラムの幅（100〜400 px） |
mobile_thumbnails |
true |
スマートフォンでバナーを表示する |
placeholder_icon |
comments |
画像のないトピックのアイコン |
placeholder_background |
なし | プレースホルダーの背後の画像 |
compact_last_reply |
true |
最後の返信のピルを移動してカードを短く保つ |
enabled_categories |
空 | サムネイルをこれらのカテゴリーに限定します。サブカテゴリーは含まれません |
既知の制限
- Horizon のクラス名およびカラム名に依存しています。それらが変更された場合、コンポーネントが更新されるまでサムネイルが表示されなくなったり、カードの一部がずれたりする可能性があります。
- 既存のトピックでは、サイズがバックグラウンドで生成されるまで、元画像またはプレースホルダーが表示される場合があります。
Meta のメンバーからのフィードバックと、弊コミュニティ内でのプライベートテストで検証済みです。バグレポートと PR は歓迎します。