| 概要 | トピックリストサムネイルを使用すると、トピックリスト表示でトピックのサムネイルを表示できます。 | |
| プレビュー | Discourse Theme Creator でプレビュー(ブログスタイル) Discourse Theme Creator でプレビュー(グリッド) Discourse Theme Creator でプレビュー(リスト) Discourse Theme Creator でプレビュー(メッシュ) Discourse Theme Creator でプレビュー(ミニマルグリッド) |
|
| リポジトリリンク | https://github.com/discourse/discourse-topic-thumbnails | |
| Discourse テーマに初めての方へ? | Discourse テーマの利用に関する初心者ガイド |
このテーマコンポーネントをインストール
機能
リスト用に最適化された画像が生成され、高解像度ディスプレイ向けに異なる解像度が利用可能になります。画像はスクロール時に遅延読み込みされます(ネイティブブラウザのサポートが利用可能な場合)。
デフォルトでは、Discourse はトピックの OP(最初の投稿)に含まれる最初の画像を使用します。OP から異なる画像を選択したい場合は、マークダウンに |thumbnail を追加してください。例:

 << これがサムネイルになります
5 つのモードがあり、テーマ設定を使用してカテゴリごとまたはタグごとに設定できます。
例:
グリッドモード:
メッシュモード:
リストモード:
ヒントとコツ
投稿内の Onebox からサムネイルを生成したい場合は、次のサイト設定を有効にする必要があります:download_remote_images_to_local。また、関連する投稿を再レンダリングする必要があります。
設定
| 名前 | 説明 |
|---|---|
default_thumbnail_mode |
デフォルトで使用するサムネイル表示モード |
docs_thumbnail_mode |
docs プラグインが有効な場合、ドキュメントトピックに使用するサムネイル表示モード |
blog_style_categories |
ブログスタイルの表示が使用されるカテゴリ。このスタイルは、テーマまたはテーマコンポーネントで有効化されている場合、トピックの抜粋を使用します |
minimal_grid_categories |
ミニマルグリッド表示が使用されるカテゴリ |
grid_categories |
グリッド表示が使用されるカテゴリ |
masonry_categories |
メッシュ表示が使用されるカテゴリ |
list_categories |
リスト表示が使用されるカテゴリ |
blog_style_tags |
|
minimal_grid_tags |
ミニマルグリッド表示が使用されるタグ |
grid_tags |
グリッド表示が使用されるタグ |
masonry_tags |
メッシュ表示が使用されるタグ |
list_tags |
リスト表示が使用されるタグ |
suggested_topics_mode |
推奨トピックに使用するサムネイル表示モード。空白の場合は「トピックリスト外で有効にする」設定に従います |
enable_outside_topic_lists |
トピックリスト以外のページ(ユーザー活動、プライベートメッセージ、推奨トピックなど)でサムネイルを有効にする |
placeholder_icon |
サムネイル画像がないトピックに表示するアイコン |
mobile_thumbnails |
モバイルデバイスでサムネイルを有効にする |
list_thumbnail_size |
「リスト」表示におけるサムネイルの基準サイズ |
当社のホスティングを利用中ですか? テーマコンポーネントは、Pro、Business、Enterprise プランで利用可能です。


