注目のタイル

[Discourse]

	概要	Featured Tiles は、トピック一覧の上に注目トピックのタイル行を追加します。
	プレビュー	Discourse Theme Creator でプレビュー
	リポジトリリンク	https://github.com/discourse/discourse-featured-tiles
	Discourse テーマ初心者の方へ	Discourse テーマの利用に関する初心者ガイド

このテーマコンポーネントをインストール

これは Discourse チームがメンテナンスする#公式のテーマコンポーネントです。#サポート、#バグ、#UX、#機能リクエストは、Meta の該当カテゴリで提出し、適切なテーマコンポーネントタグを付けてください。以下のリンクをクリックしてトピックを作成できます。

 サポート  バグ  UX  機能

機能

Featured Tiles は、トピック一覧の上に注目トピックのタイル行を追加します。

ホバーすると、トピックのタイトルと投稿者が表示されます。

トピックソースを選択するための多くのオプションがあります。画像はタグ、カテゴリ、または「上位トピック」の期間を指定して取得できます。画像は現在閲覧しているカテゴリに限定することも、サイト全体から取得することも可能です。

ユーザーインターフェース設定に、現在のデバイスでバナーを非表示にするオプションが追加されます。

設定

名前	説明
featured category	注目トピックを含むカテゴリ。すべてのカテゴリを対象とする場合は 0 に設定します。「カテゴリに限定」がこの設定を上書きします。
featured tags	注目トピックを含むタグ。これは公開されている必要があります。
topic source	トピックを選択するために使用するアルゴリズム
top period	「topic_source」が「top」に設定されている場合に使用する期間
randomize topics	トピックの選択と順序をランダム化
display when unfiltered	フィルターされていない最新ページに表示
display on categories	カテゴリページに表示
display categories	これらのカテゴリを閲覧時にタイルを表示。空白の場合はすべてのカテゴリ
maximum topic count	表示するトピックの最大数
scope to category	トピックを現在のカテゴリに限定
display mobile	モバイルデバイスに表示

翻訳	デフォルト
preference_header	注目トピックバナー
preference_description	このデバイスで注目トピックバナーを表示

当方でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

[Merlls_Rizzini]

わあ。

これは素晴らしい！私のフォーラムのクリック数がさらに増えそうですね。

@david 選択されていませんが、カテゴリページに表示されています。また、トピックに画像がない場合、デフォルトの画像を設定することはできますか？

追記：メンバーから、MacOS のみで動作し、他のユーザーには何も表示されていないと教えてもらいました。

[Pad_Pors]

素敵な機能的なテーマ:v。

Homepage Feature Component とは何が異なるのでしょうか？スタイルの違いだけでしょうか、それともより深い違いがあるのでしょうか？

[david (David Taylor)]

主にスタイルの問題です。さらに、ホームページ機能コンポーネントはホームページでのみ使用するように設計されています。こちらはもう少し多くの場所で機能します。

[david (David Taylor)]

@Merlls_Rizzini

追記：メンバーから、MacOS でのみ動作し、何も表示されていないと聞きました。

そのメンバーにブラウザのエラーコンソールを確認してもらえませんか？また、使用しているブラウザも教えていただけますか？

[Merlls_Rizzini]

Firefox

Chrome

[david (David Taylor)]

そのエラーは、別のテーマコンポーネントから来ているようです。一つずつ無効にしてみてください。

[ElForoViajero]

こんにちは、

この設定では、すべてのカテゴリページにタイルが表示されるはずです。私の「featured」タグは「destacado」ですが、カテゴリページではタイルが表示されません。

[olex1216 (olex)]

これはテーマ トピックリストのプレビュー と同じですか？

[david (David Taylor)]

いいえ、同じではありません。このトピックにある「Featured Tiles Theme Component」は、Discourse チームによって公式にメンテナンスされており、スクリーンショットに表示されている機能のみを提供します。「Topic List Previews」は、異なるデザインと機能セットを持つサードパーティ製のプラグインおよび/またはテーマです。

[Solari]

これ、素敵ですね。

写真や画像が含まれるトピックからのみ取得する方法はありますか？そうしないと、空のグレーのボックスが並んでいるところにたまに写真が混じっているようで、見た目がバラバラに見えてしまいます。

ありがとうございました、
レイ

[coke (Col)]

@david 画像の画質を上げ、おそらくサイズを 180x80 にすることはできますか？ありがとうございます。

[david (David Taylor)]

通常の画面では200x200の画像を使用し、HiDPI画面では自動的に400x400に拡大されるはずです。

about.json

何か異なる表示が見えていますか？

[coke (Col)]

フォロムが年齢制限になっているため、PM を送ってもよろしいでしょうか？

[david (David Taylor)]

リンクをありがとうございます。サイトを見ると、問題点は画像が縦向きであることです。つまり、3072x4608 の画像を 200x200 の正方形に収めると、133x200 になります。その後、それを 222x150 のボックスに「埋め込んで」います。つまり、133 ピクセル幅の画像を 222 ピクセル幅の領域に表示していることになります。

ここでの解決策の一つは、画像でバナーを「埋める」のではなく、「収める」ようにすることです。これはトピック一覧のサムネイルで採用しているアプローチです。

これを実現するためにテーマコンポーネントに新しい設定を追加する場合は、pr-welcome です。もし取り組んでいただける方がいらっしゃれば幸いです。

[hollyw]

これは素晴らしいですね。タイルが UI を圧迫していないところが気に入っています。設定についていくつか質問があります。

カテゴリページでは、ホームページには表示されるのに、注目のタイルが表示されません。設定は以下の通りです（カテゴリ名は現在共有したくないため伏せています）。何か見落としていることはありますか？

現在の設定

2 つ目の質問ですが、トピックから取得する画像ではなく、タイル用にデフォルトの画像を設定することは可能ですか？画像がないトピックを掲載したい場合でも、見た目を良くしたいと考えています。現在、組み込みの方法がない場合、CSS や JS を修正する必要がありますか？

[Heliosurge (Dan DeMontmorency)]

こんにちは、Davidさん！

素晴らしいテーマコンポーネントですね。他のユーザーも尋ねていますが、画像のないトピックにデフォルトの画像を追加する方法はありますか？

具体的には、画像が検出されない場合に Featured1.img や Featured2.img を表示するような仕組みです。

また、すべてのユーザーに可視なタグをコンポーネントが認識しているはずなのに、タグを追加しようとすると「タグが見つかりません」というエラーが表示される問題もあります。

[Fraudoctor (Christian)]

特定の画像形式（.jpg、.png、.tiff）でしか動作しないのでしょうか？タグ付けした3つのトピックのうち2つでは画像が表示されませんが、トピック自体は表示されています。

OS - Mac 10.15.7（Chrome、Safari、iOS版とも同じ現象が見られます）

[Pad_Pors]

テーマをサイト上で有効化すると、空白のグレーのバナーが表示されます：

「タグ」オプションが選択されており、機能タグにいくつかのトピックが存在しているにもかかわらずです。

[Fraudoctor (Christian)]

同意します。もしトピック内に画像がある場合、トピック全体を検索してそれを使用する回避策があるのかどうかまだ疑問です。それとも、最初の投稿からのみ取得するのでしょうか？