トピックリストプレビュー (TLP)

これはテーマコンポーネントですが、補完プラグインを追加するオプションがあります。

:information_source: 概要 トピックリストに画像や抜粋(など)を追加できる、元のトピックプレビューコンポーネント。どのリストにどの追加要素を表示するかを個別に設定できます。
:hammer_and_wrench: リポジトリリンク GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
:open_book: インストールガイド Installing a theme or theme component
:heart: スポンサーシップ このコンポーネントが適切なメンテナンスを受け、将来もあなたのサイトで機能し続けるよう、あなたやあなたの組織の資源やニーズに合ったレベルで私のオープンソース作業のスポンサーになることを検討してください。

このテーマコンポーネントをお楽しみいただいていますか? 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でも使用できます:

実例 :seedling:

サポート

無料では保証されたサポートを提供していません。GOLDまたはPLATINUM月額スポンサーシップティアに登録した企業や機関にはサポートを提供できます。

また、一回限りのバグハンティングオプションもあります。

「いいね!」 54
Facebook-like Feed?
Topic List Previews (legacy)
A more social Discourse layout
Discourse AI Topic Summary :robot:
Hi, is there a plugin for user image galleries?
What are good plugins or theme components for a forum emphasizing pictures?
New Photography Theme
Changing views to creating date?
I want to create a Theme/Theme component as shown in the picture below!
Imageboard layout for topics (topic excerpts)
Search results page displays topics title that I cannot click
Enabling a plugin for a specific theme only
Undefined column 'boomarks.post_id' after update
Attempted to upgrade and I think I messed something up
Allow users to block keywords
How to display posts as blocks?
Option to select format and compression degree for thumbnails
FKB Pro - Social theme
FKB Pro - Social theme
Multiple installs of user portfolio
Any plugins that show MEDIA on forum index?
FKB Pro - Social theme
Topic List Sort - Random
How can I change the background of a certain topic?
Homepage plugin for displaying recent topics, latest members, popular threads, and similar elements
Some posts showing 'ignored content'
Topic details under title
FKB Pro - Social theme
How to set summary word count?
Ghost Theme
2023: The Year in Review
Can the homepage display images within the Topic feed?
Expand new posts in topics in "Unread" and "New" to full summary
Can we get a custom PROFILE up?
Topic Author
Is it possible to display the thumbnails in Docs?
All links to categories broken?
Discussion grid latest
Is there a Kanban theme for Discourse?
Is it possible to add posts to a profile?
Carousel sliders with Featured Tiles component on mobiles?
How to display posts in grid?
FKB Pro - Social theme
Can discourse be used entirely through the APIs to build a flutter app?
2024: The Year in Review
How can I set the search results displayed in grid or mansionry
Visually better separate topics on the home page
Can Discourse achieve this kind of card UI layout for topics?
Creating a Unique Gallery Layout for a Category
View count on fakebook theme
Display post content in homepage
Create a forum with the same interface and functions
Help with display home screen look
Is there a way to display topic contents in category view?
How can I make my forum look like this one?
Homepage Feature
Cannot see the multiple posts selection icon on desktop view
Fakebook Theme
Video thumbnails issue
Don't show grid, just topics list
Guest Gate Theme Component
Visual newsfeed as community home
Visual newsfeed as community home
Looking for feedback on my new Discourse site ✨
Featured Topics
PAID - Seeking Discourse Developer for Custom Portfolio Feature
Eliminate YouTube thumbnail black bars
This theme (or component) msg doesn't go away
How to create a banner with link in the image?
Chat channels and chat nav seem to have broken
Topic List Previews (legacy)
Adding Like Dislike Buttons And Inline Replies To Redditish Theme
News on the sidebar
2021: The Year in Review
Topic excerpts appearing after update to Discourse 2.8
Thumbnail of topic
Extend Topic List Thumbnails TC with like button
Infinite scrolling is a total pain
Developing a component or plugin similar to topic list thumbnails or topic list previews
No Thumbnail for Unlisted Vimeo Videos
Plugin vs. theme component
Discourse.stpl and discourse.tlp

タグが追加された時刻に基づいて、注目の画像の順序を変更する方法はありますか?現在、最近のアクティビティがあるトピックの注目の画像が表示され、最新のタグ付けされた画像が下に押しやられています。

例:画像が10枚あり、そのうち5枚を「注目」としてマークすると、その5枚がトップバーに表示されます。さらに5つのタグを追加すると、既存の5枚が置き換えられます。しかし、以前の5つのトピックのいずれかにコメントや投稿があった場合、その画像が前面に表示されてしまいます。

「いいね!」 3

タグ?いいえ、しかし作成日で並べ替えるオプションがあります。

image

「いいね!」 1

警告:まもなく「タイル(アイテム)」レイアウトの変更をプッシュします。CSSの調整を行っている場合は、それらも調整する必要があるかもしれません。

頻繁に行うことは約束しませんが、今回は整理整頓と、将来登場する可能性のある新機能の導入を容易にするためのものです…

現在、この変更は beta ブランチにあります。

「いいね!」 3

はい、そのオプションは少し役立ちますが、古い投稿に更新があった場合、それは前面に出てきます。

「いいね!」 2

Discourse API で利用可能なネイティブオプションのみを使用しています(基本的にテーマコンポーネントなので、API を変更することはできません)。時間があれば、並べ替えを再度確認します。しかし、これは少し前に発生し、ユーザーの 1 人を助けるために変更を加えました。Topic List Previews (legacy) - #1154 by merefield created_at は静的なままであると期待するのではないでしょうか?設定を変更し、ブラウザーを更新したことを確認しましたか?

「いいね!」 3

@raghukamath これをテストしたところ、意図したとおりに機能しているようです。新しい投稿に応答して順序を変更せず、created_at 日付を尊重します。ブラウザを更新して、もう一度お試しください。

「いいね!」 3

問題ありません。さらにテストしてみます。オプションが有効になっている場合の動作に混乱したのかもしれません。お手数をおかけして申し訳ありません。

もう1つの問題は、未読および既読トピックの色のCSS修正がモバイルブラウザに適用されないとメンバーから指摘されたことです。

「いいね!」 1

はい、以前述べたように、それはまだ未解決でした。上記のレイアウト更新で、おそらく数日以内に発送しようと思います。

Gitの非推奨プラグインで作業していたのですが、モバイルサムネイルのCSSを上書きできず、高さが80pxに戻ってしまいました。検索したところ、コンポーネントに移動したことがわかりました。同じ問題が発生し、変更するためにコンポーネントをクローンする必要があるのでしょうか、それとも別の回避策がありますか?モバイルブラウザでモバイルの全幅を確保したいのです。

ここのレイアウトではご要望を満たせないでしょうか? Topic List Previews (TLP) - #4 by merefield

新しいタイルには全幅サムネイルがあります。これは現在 beta ブランチにあります。必要であれば、追加のテーマコンポーネントとしてインストールして試してみてください。インストール時にブランチを指定し、テーマコンポーネント名を編集してベータ版であることがわかるようにすることを忘れないでください。

「いいね!」 1

これで間違いなくうまくいきます。希望どおりにフル幅になりました。ありがとうございます。

「いいね!」 1

beta ブランチをマージしました。

  • タイルの内部スタイルが最新化され、整理されました。サムネイルは現在、列の全幅表示になります。
  • いくつかのCSSの単純化が行われました。
  • タイル以外の要素について、モバイルでのレイアウトが若干改善されました。
  • タイルのタイトルも、モバイルで以前の訪問を反映するようになりました。
「いいね!」 4

こんにちは。

この素晴らしいコンポーネントをありがとうございます!デザインがとても気に入っています :heart_eyes:

私はDiscourseの初心者で、技術的な用語についてはあまり詳しくありません。

リストコンポーネントで画像が表示されないという問題が発生しています。何らかの理由で、コンポーネントのプレビューでは画像が表示されますが、実際にロードすると画像がなくなってしまいます。


^ これはコンポーネントのプレビューです

「いいね!」 1


^ これが実際のページを読み込んだときの表示です

さて、これは私のディスコースの設定に関係していると思いますか?

このコンポーネントを機能させるために有効にする必要がある特定の СЕТТИНГ はありますか?なぜ期待どおりに機能しないのか本当にわかりません…

「いいね!」 1

こんにちは、ご関心をお寄せいただきありがとうございます。

いくつかご留意いただきたい点がございます。

  • 以前に類似のコンポーネントやプラグインをインストールしたことがない場合、すべてのサムネイルが生成されるまで遅延が生じる可能性があります。これはバッチ処理であり、時間がかかります。この処理は、コンポーネントをインストールしてテーマに追加すると、バックグラウンドで自動的に開始されるはずです。Sidekiqキューを確認してください。多くのジョブがキューに入っているのが見えるかもしれません。
  • 必ずしもすべてのテーマと互換性があるわけではなく、競合が発生する可能性があります。このコンポーネントはデフォルトのテーマでのみ開発・設計されています。まずはデフォルトのテーマのみでサイトでテストしてください。見た目や雰囲気は適応させることができますが、それはこのコンポーネントの特別なアーティファクトに基づいている必要があります。
「いいね!」 1

ロバート様

ご返信ありがとうございます!ご提案いただいた内容を私のサイトでテストしてみます :slight_smile:

「いいね!」 1

ロバートさん、こんにちは。ヘッダーの下にサードパーティのJavaScriptを含むテーブルを配置すると、コンポーネントで使用した際にプレビューが壊れてしまいます。回避策はありますか?

もしそのスクリプトにエラーがあり、それがJavaScriptの実行を妨げている場合、最良の状態で動作する必要があるTLPレイアウトコードが破損する可能性があります。ブラウザのコンソールで赤いエラーを探してください。

「いいね!」 1

提案していただいたとおりに作成日オプションを有効にしました。それはある程度問題を解決します。しかし、古いプラグインでは、投稿がタグ付けされた日付に従って順序が設定されていたと思います。また、更新またはトピックへの返信時に古い画像がフロントページに表示されるという問題により、最近の画像が特集されるのが難しくなっています。画像が特集され、1年前の古い投稿に新しい返信があった場合、フロントページにはその投稿の特集画像が表示されます。多くの古い投稿に返信があった場合、新しくタグ付けされた特集画像は消えてしまいます。