merefield
(Robert)
2021 年 11 月 23 日午後 12:26
1
これはテーマコンポーネントです が、補完プラグインを追加するオプションがあります。
このテーマコンポーネントをお楽しみいただいていますか? GitHub で:star:(スター)を付けてください。
Discourse Bars 🍻 🍸 (a sidebar framework) と非常に相性が良いです!
概要
トピックリストプレビューを使用すると、以下が可能です。
トピックリストにサムネイル、抜粋、参加者のアバター、トピック統計を追加
従来の行、レスポンシブタイル、またはマソンリースタイルのレイアウトを使用
トピックリスト、カテゴリ、タグごとにプレビューを独立して設定
サムネイルのサイズ、解像度、フォールバック、表示制限を制御
選択されたトピックを大きなフィーチャータイルで強調表示
トピックリストの上に「フィーチャー」トピックを追加し、必要に応じてフィルタリングおよび順序付け
フルページ検索にサムネイル、抜粋、著者詳細を追加
アクティビティページにユーザーウォールを追加 - 「ポートフォリオ」機能
サイドカー
サイドカープラグイン で補完できます:https://github.com/merefield/discourse-topic-previews-sidecar-pro
これは現在、月7ドル以上を寄付するGitHubスポンサーのみがアクセスできるプライベートリポジトリです。
以下の機能を追加します:
「アクション」— ブックマーク、共有、いいねをトピックリストから直接実行
サムネイルピッカー — トピック内の任意の画像を選択
選択したサムネイルに基づく支配色背景
YouTubeサムネイルの黒い枠の自動削除
トピック投稿の再構築時のオプションサムネイル再生成
設定可能な抜粋長とオプションリンク削除
承認された解決策とQ&A回答のプレビュー
最新投稿の抜粋を表示するオプション
プレビュークリックを最新投稿に誘導するオプション
検索結果内のサムネイルプレビュー
低解像度サムネイルのユーザー別設定
プラグインインストールガイド: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
(Raghavendra Kamath)
2021 年 11 月 29 日午前 5:02
2
タグが追加された時刻に基づいて、注目の画像の順序を変更する方法はありますか?現在、最近のアクティビティがあるトピックの注目の画像が表示され、最新のタグ付けされた画像が下に押しやられています。
例:画像が10枚あり、そのうち5枚を「注目」としてマークすると、その5枚がトップバーに表示されます。さらに5つのタグを追加すると、既存の5枚が置き換えられます。しかし、以前の5つのトピックのいずれかにコメントや投稿があった場合、その画像が前面に表示されてしまいます。
「いいね!」 3
タグ?いいえ、しかし作成日で並べ替えるオプションがあります。
「いいね!」 1
警告:まもなく「タイル(アイテム)」レイアウトの変更をプッシュします。CSSの調整を行っている場合は、それらも調整する必要があるかもしれません。
頻繁に行うことは約束しませんが、今回は整理整頓と、将来登場する可能性のある新機能の導入を容易にするためのものです…
現在、この変更は beta ブランチにあります。
「いいね!」 3
raghukamath
(Raghavendra Kamath)
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
(Raghavendra Kamath)
2021 年 11 月 29 日午後 5:36
8
問題ありません。さらにテストしてみます。オプションが有効になっている場合の動作に混乱したのかもしれません。お手数をおかけして申し訳ありません。
もう1つの問題は、未読および既読トピックの色のCSS修正がモバイルブラウザに適用されないとメンバーから指摘されたことです。
「いいね!」 1
はい、以前述べたように、それはまだ未解決でした。上記のレイアウト更新で、おそらく数日以内に発送しようと思います。
flash
2021 年 12 月 1 日午前 12:17
10
Gitの非推奨プラグインで作業していたのですが、モバイルサムネイルのCSSを上書きできず、高さが80pxに戻ってしまいました。検索したところ、コンポーネントに移動したことがわかりました。同じ問題が発生し、変更するためにコンポーネントをクローンする必要があるのでしょうか、それとも別の回避策がありますか?モバイルブラウザでモバイルの全幅を確保したいのです。
merefield
(Robert)
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
(Robert)
2021 年 12 月 6 日午前 11:10
19
もしそのスクリプトにエラーがあり、それがJavaScriptの実行を妨げている場合、最良の状態で動作する必要があるTLPレイアウトコードが破損する可能性があります。ブラウザのコンソールで赤いエラーを探してください。
「いいね!」 1
raghukamath
(Raghavendra Kamath)
2021 年 12 月 9 日午前 5:56
20
提案していただいたとおりに作成日オプションを有効にしました。それはある程度問題を解決します。しかし、古いプラグインでは、投稿がタグ付けされた日付に従って順序が設定されていたと思います。また、更新またはトピックへの返信時に古い画像がフロントページに表示されるという問題により、最近の画像が特集されるのが難しくなっています。画像が特集され、1年前の古い投稿に新しい返信があった場合、フロントページにはその投稿の特集画像が表示されます。多くの古い投稿に返信があった場合、新しくタグ付けされた特集画像は消えてしまいます。