merefield
2021 年 11 月 23 日午後 12:26
1
これはテーマコンポーネントです が、補完的なプラグインを追加するオプションがあります。
概要
リポジトリリンク
インストールガイド
スポンサーシップ
このテーマコンポーネントをお楽しみいただけましたか？GitHub で:star:評価をお願いします。
Discourse Bars 🍻 🍸 (a sidebar framework) とてもうまく連携します！
トピックリストプレビューを使用すると、次のことができます。
トピックリストアイテムに画像、抜粋、トピック統計を追加する。
トピックリストアイテムのレイアウトとスタイルを変更する。
トピックリストとトピックの上に「注目の」トピックを追加する。
ユーザーのアクティビティページにユーザーウォールを追加する（「ポートフォリオ」機能）。
これは「サイドカープラグイン」 で補完できます：https://github.com/merefield/discourse-topic-previews-sidecar
これにより、次の機能が追加されます。
「アクション」（トピックリストからのブックマーク、リンク、いいね）
トピックメタエディタのサムネイルピッカー。（簡単なUIを使用して、トピック全体から任意のサムネイルを選択）
サムネイルの主要色に基づいた背景の色付け
YouTubeサムネイルの処理により、黒い境界線を削除します（主要色の決定に不可欠）。
トピック投稿の再構築時にサムネイルを再作成するオプションにより、個々のトピックベースで境界線の削除を迅速に管理できます。
プラグインのインストールガイド：Install plugins on a self-hosted site
テーマコンポーネントは必須ですが、プラグインはオプションです。
これらの設定は、サイト全体またはカテゴリ固有のベースで、すべてまたは選択したトピックリストに適用できます。
この柔軟な機能セットにより、さまざまなトピックリストスタイルを作成できます。
基本スタイル
関連設定
topic list thumbnail
topic list excerpt
topic list action
Pinterest（Masonry）スタイル、別名「タイル」
関連設定
topic list tiles
topic list thumbnail
topic list excerpt
topic list action
topic list thumbnail width
topic list thumbnail height
これはワイドフォーマットオプション（topic_list_tiles_wide_format設定の背後）があります：
これはレスポンシブに動作するため、十分な幅が与えられない場合はメイソンリー形式に折りたたまれ、逆も同様です。
注目の画像
関連設定
topic list featured images tag
topic list featured images count
topic list featured width
topic list featured height
topic list featured title
topic list featured excerpt
topic list featured order
これは以前、私のAIトピック要約 プラグインで使用するために導入しました。
TLPでこれを使用できます：
A small Discourse theme component that adds a button to toggle on and off the excerpts in the Topic List
無料での保証付きサポートは提供していません。私のGOLDまたはPLATINUMの月額スポンサーシップティア のいずれかにサインアップした企業または機関にサポートを提供できます。
一回限りのバグ修正オプション もあります。
「いいね！」 54
raghukamath
2021 年 11 月 29 日午前 5:02
2
タグが追加された時刻に基づいて、注目の画像の順序を変更する方法はありますか？現在、最近のアクティビティがあるトピックの注目の画像が表示され、最新のタグ付けされた画像が下に押しやられています。
例：画像が10枚あり、そのうち5枚を「注目」としてマークすると、その5枚がトップバーに表示されます。さらに5つのタグを追加すると、既存の5枚が置き換えられます。しかし、以前の5つのトピックのいずれかにコメントや投稿があった場合、その画像が前面に表示されてしまいます。
「いいね！」 3
タグ？いいえ、しかし作成日で並べ替えるオプションがあります。
「いいね！」 1
警告：まもなく「タイル（アイテム）」レイアウトの変更をプッシュします。CSSの調整を行っている場合は、それらも調整する必要があるかもしれません。
頻繁に行うことは約束しませんが、今回は整理整頓と、将来登場する可能性のある新機能の導入を容易にするためのものです…
現在、この変更は beta ブランチにあります。
「いいね！」 3
raghukamath
2021 年 11 月 29 日午後 4:06
5
はい、そのオプションは少し役立ちますが、古い投稿に更新があった場合、それは前面に出てきます。
「いいね！」 2
Discourse API で利用可能なネイティブオプションのみを使用しています（基本的にテーマコンポーネントなので、API を変更することはできません）。時間があれば、並べ替えを再度確認します。しかし、これは少し前に発生し、ユーザーの 1 人を助けるために変更を加えました。Topic List Previews (legacy) - #1154 by merefield created_at は静的なままであると期待するのではないでしょうか？設定を変更し、ブラウザーを更新したことを確認しましたか？
「いいね！」 3
@raghukamath これをテストしたところ、意図したとおりに機能しているようです。新しい投稿に応答して順序を変更せず、created_at 日付を尊重します。ブラウザを更新して、もう一度お試しください。
「いいね！」 3
raghukamath
2021 年 11 月 29 日午後 5:36
8
問題ありません。さらにテストしてみます。オプションが有効になっている場合の動作に混乱したのかもしれません。お手数をおかけして申し訳ありません。
もう1つの問題は、未読および既読トピックの色のCSS修正がモバイルブラウザに適用されないとメンバーから指摘されたことです。
「いいね！」 1
はい、以前述べたように、それはまだ未解決でした。上記のレイアウト更新で、おそらく数日以内に発送しようと思います。
flash
2021 年 12 月 1 日午前 12:17
10
Gitの非推奨プラグインで作業していたのですが、モバイルサムネイルのCSSを上書きできず、高さが80pxに戻ってしまいました。検索したところ、コンポーネントに移動したことがわかりました。同じ問題が発生し、変更するためにコンポーネントをクローンする必要があるのでしょうか、それとも別の回避策がありますか？モバイルブラウザでモバイルの全幅を確保したいのです。
merefield
2021 年 12 月 1 日午前 10:13
11
ここのレイアウトではご要望を満たせないでしょうか？ Topic List Previews (TLP) - #4 by merefield
新しいタイルには全幅サムネイルがあります。これは現在 beta ブランチにあります。必要であれば、追加のテーマコンポーネントとしてインストールして試してみてください。インストール時にブランチを指定し、テーマコンポーネント名を編集してベータ版であることがわかるようにすることを忘れないでください。
「いいね！」 1
flash
2021 年 12 月 1 日午前 10:23
12
これで間違いなくうまくいきます。希望どおりにフル幅になりました。ありがとうございます。
「いいね！」 1
こんにちは。
この素晴らしいコンポーネントをありがとうございます！デザインがとても気に入っています
私はDiscourseの初心者で、技術的な用語についてはあまり詳しくありません。
リストコンポーネントで画像が表示されないという問題が発生しています。何らかの理由で、コンポーネントのプレビューでは画像が表示されますが、実際にロードすると画像がなくなってしまいます。
^ これはコンポーネントのプレビューです
「いいね！」 1
^ これが実際のページを読み込んだときの表示です
さて、これは私のディスコースの設定に関係していると思いますか？
このコンポーネントを機能させるために有効にする必要がある特定の СЕТТИНГ はありますか？なぜ期待どおりに機能しないのか本当にわかりません…
こんにちは、ご関心をお寄せいただきありがとうございます。
いくつかご留意いただきたい点がございます。
以前に類似のコンポーネントやプラグインをインストールしたことがない場合、すべてのサムネイルが生成されるまで遅延が生じる可能性があります。これはバッチ処理であり、時間がかかります。この処理は、コンポーネントをインストールしてテーマに追加すると、バックグラウンドで自動的に開始されるはずです。Sidekiqキューを確認してください。多くのジョブがキューに入っているのが見えるかもしれません。
必ずしもすべてのテーマと互換性があるわけではなく、競合が発生する可能性があります。このコンポーネントはデフォルトのテーマでのみ開発・設計されています。まずはデフォルトのテーマのみでサイトでテストしてください。見た目や雰囲気は適応させることができますが、それはこのコンポーネントの特別なアーティファクトに基づいている必要があります。
「いいね！」 1
ロバート様
ご返信ありがとうございます！ご提案いただいた内容を私のサイトでテストしてみます
「いいね！」 1
flash
2021 年 12 月 5 日午後 2:58
18
ロバートさん、こんにちは。ヘッダーの下にサードパーティのJavaScriptを含むテーブルを配置すると、コンポーネントで使用した際にプレビューが壊れてしまいます。回避策はありますか？
merefield
2021 年 12 月 6 日午前 11:10
19
もしそのスクリプトにエラーがあり、それがJavaScriptの実行を妨げている場合、最良の状態で動作する必要があるTLPレイアウトコードが破損する可能性があります。ブラウザのコンソールで赤いエラーを探してください。
「いいね！」 1
raghukamath
2021 年 12 月 9 日午前 5:56
20
提案していただいたとおりに作成日オプションを有効にしました。それはある程度問題を解決します。しかし、古いプラグインでは、投稿がタグ付けされた日付に従って順序が設定されていたと思います。また、更新またはトピックへの返信時に古い画像がフロントページに表示されるという問題により、最近の画像が特集されるのが難しくなっています。画像が特集され、1年前の古い投稿に新しい返信があった場合、フロントページにはその投稿の特集画像が表示されます。多くの古い投稿に返信があった場合、新しくタグ付けされた特集画像は消えてしまいます。
