merefield
2021 年 11 月 23 日午後 12:26
1
これはTheme Componentです が、補完的なプラグインを追加するオプションがあります。
このTheme Componentをお楽しみですか？ GitHub で:star: を押してください。
Discourse Bars 🍻 🍸 (a sidebar framework) ! と非常に相性が良いです！
Topic List Previewsを使用すると、以下を行うことができます：
トピックリストにサムネイル、抜粋、参加者のアバター、トピック統計を追加する
従来の行、レスポンシブなタイル、またはマソニックスタイルのレイアウトを使用する
トピックリスト、カテゴリ、タグごとにプレビューを独立して設定する
サムネイルのサイズ、解像度、フォールバック、表示上限を制御する
大きなフィーチャータイルで選択されたトピックを強調表示する
トピックリストの上に「フィーチャー」トピックを追加し、必要に応じてフィルタリングと並び替えを行う
サムネイル、抜粋、著者詳細を追加して全ページ検索を強化する
アクティビティページに「ユーザーウォール」を追加する（「ポートフォリオ」機能）
これは「サイドカープラグイン」 と組み合わせることができます: https://github.com/merefield/discourse-topic-previews-sidecar-pro
これは現在、月7ドル以上貢献する私のGitHubスポンサーにアクセス権限が与えられるプライベートリポジトリです。
以下の機能を追加するために使用します：
「アクション」 — トピックリストから直接ブックマーク、共有、いいねを行う
サムネイルピッカー — トピック全体の画像から任意の画像を選択
選択されたサムネイルに基づく支配色背景
YouTubeサムネイルの黒い境界線の自動除去
トピック投稿の再構築時のオプションのサムネイル再作成
設定可能な抜粋の長さおよびオプションのリンク除去
採用された解決策とQ&Aの回答プレビュー
最新投稿の抜粋を表示するオプション
プレビューのクリックを最新投稿に直接誘導するオプション
検索結果内のサムネイルプレビュー
低解像度のサムネイルを使用するユーザーごとの設定
プラグインインストールガイド: Install plugins on a self-hosted site
Theme Componentは最低限必要ですが、プラグインは任意です。
これらの設定は、サイト全体またはカテゴリ固有の基準で、すべてのトピックリストまたは選択されたトピックリストに適用できます。
この柔軟な機能セットにより、以下を含むさまざまなトピックリストのスタイルを作成できます。
基本スタイル
関連設定
トピックリストのサムネイル
トピックリストの抜粋
トピックリストのアクション
Pinterest（マソニック）スタイル（別名「タイル」）
関連設定
トピックリストのタイル
トピックリストのサムネイル
トピックリストの抜粋
トピックリストのアクション
トピックリストのサムネイル幅
トピックリストのサムネイル高さ
これはワイドフォーマットオプション（設定 topic_list_tiles_wide_format の背後にあります）を持っています：
これはレスポンシブに動作するため、十分な幅が与えられない場合はマソニック形式に折りたたまれます（その逆も同様です）。
フィーチャー画像
関連設定
トピックリストのフィーチャー画像タグ
トピックリストのフィーチャー画像数
トピックリストのフィーチャー幅
トピックリストのフィーチャー高さ
トピックリストのフィーチャータイトル
トピックリストのフィーチャー抜粋
トピックリストのフィーチャー順序
これは以前、私のAI Topic Summaries プラグインで使用するために導入しました。
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年前の古い投稿に新しい返信があった場合、フロントページにはその投稿の特集画像が表示されます。多くの古い投稿に返信があった場合、新しくタグ付けされた特集画像は消えてしまいます。
