merefield
2021 年 11 月 23 日午後 12:26
1
これはテーマコンポーネントです が、補完プラグインを追加するオプションがあります。
このテーマコンポーネントをお楽しみいただけていますか？ GitHub で:star:してください。
Discourse Bars 🍻 🍸 (a sidebar framework) ! と非常に相性が良いです！
トピックリストプレビューを使用すると、以下を行うことができます：
トピックリスト項目に画像、抜粋、およびトピック統計を追加する
トピックリスト項目のレイアウトとスタイルを変更する
トピックリストとトピックの上に「注目」トピックを追加する
ユーザーのアクティビティページ（通称「ポートフォリオ」機能）にユーザーウォールを追加する
これは「サイドカープラグイン」 で補完できます：https://github.com/merefield/discourse-topic-previews-sidecar-pro
これは現在、GitHubスポンサーのうち月7ドル以上を寄付する人がアクセスできるプライベートリポジトリです。
以下の機能を追加します：
「アクション」（トピックリストからのブックマーク、リンク、およびいいね）
トピックメタエディタ内のサムネイルピッカー。（シンプルなUIでトピック全体から任意のサムネイルを選択）
サムネイルの支配色に基づいた背景のカラーリング
YouTubeサムネイルの処理により、黒い境界線を削除（最適な支配色を決定するために重要）。
トピック投稿の再構築時にサムネイルを再作成するオプション。これにより、個々のトピックごとに境界線の削除を迅速に管理できます。
プラグインのインストールガイド：Install plugins on a self-hosted site
テーマコンポーネントは少なくとも必要ですが、プラグインはオプションです。
これらの設定は、サイト全体またはカテゴリ固有の基準で、すべてのトピックリストまたは選択されたトピックリストに適用できます。
この柔軟な機能セットにより、以下を含むさまざまなトピックリストスタイルを作成できます。
基本スタイル
関連設定
トピックリストサムネイル
トピックリスト抜粋
トピックリストアクション
Pinterest（メソニー）スタイル、通称「タイル」
関連設定
トピックリストタイル
トピックリストサムネイル
トピックリスト抜粋
トピックリストアクション
トピックリストサムネイル幅
トピックリストサムネイル高さ
これにはワイドフォーマットオプションがあります（topic_list_tiles_wide_format設定の背後）：
これはレスポンシブに動作するため、十分な幅が与えられない場合はメソニー形式に崩壊し（その逆も）、表示されます。
注目画像
関連設定
トピックリスト注目画像タグ
トピックリスト注目画像数
トピックリスト注目幅
トピックリスト注目高さ
トピックリスト注目タイトル
トピックリスト注目抜粋
トピックリスト注目順序
私は以前、私の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
^ これが実際のページを読み込んだときの表示です
さて、これは私のディスコースの設定に関係していると思いますか？
このコンポーネントを機能させるために有効にする必要がある特定の СЕТТИНГ はありますか？なぜ期待どおりに機能しないのか本当にわかりません…
「いいね！」 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年前の古い投稿に新しい返信があった場合、フロントページにはその投稿の特集画像が表示されます。多くの古い投稿に返信があった場合、新しくタグ付けされた特集画像は消えてしまいます。
