トピックリストでのワンボックスのトピックプレビュー

Facebook が投稿内のハイパーリンクを扱う方法を大まかに再現しようとしています。
基本的には、投稿の最初のハイパーリンクに対して Onebox(または同様のもの)のプレビューを表示し、その横に投稿の冒頭の数行を抜粋して表示する仕組みです。

Topic List Previews プラグインで軽く試してみましたが、目的の動作にはなりませんでした。

上記のような動作を実現する方法をご存知の方はいらっしゃいますか?

トピック一覧をスタイルしたいのか、それともトピック自体をスタイルしたいのでしょうか?

TLP で「Tiles」設定を使用しましたか?これにより、サムネイルと抜粋(利用可能な場合)が Facebook 風の表示で現れます。例:https://rideabl.es

Discourse では、サムネイルがソーシャルメディア風の表示で現れるのはトピック一覧のみです(これを実現するには、TLP、Fakebook、Topic List Thumbnails などのプラグインや TC が必要です)。

トピックレベルでは、ボックス形式を維持する必要があるかもしれませんが、それらをスタイルすることも可能かもしれません。ただ、私はその方向には進んだことがありません。

ありがとうございます。タイル表示モードは試していなかったのですが、確かに動作するようです。Facebook のように 1 列ではなく 3 列になっていますが、これは変更可能でしょうか?(ただし、このままでも良いかもしれません。むしろ良いかもしれません!)

関連する話ですが、「トピック一覧の抜粋」を試してみたところ、奇妙なレンダリングが発生しているようです。例えば、完全にフォーマットされた抜粋(ハイパーリンクを含む)が表示され、さらにフォントサイズがランダムに大きくなったり、先頭にスペースが追加されたりします。この問題を修正する方法をご存知でしょうか?

最後に、rideabl.es にはトピックの上部に「外部で開く」アイコン/ハイパーリンクが用意されています。これはあなたのプラグインによるものですか、それとも別のプラグインによるものですか?

TLP TC(プラグインではありません)は完全にレスポンシブです。そのため、サイドバーを配置してスペースを減らすと、列の数が自動的に減ります(これをテストするには、ブラウザのサイズを単に縮小してみてください)。詳細は Pavilion をご覧ください。

カスタマイズ可能なサイドバーを追加するには、Layouts プラグインをご覧ください。詳しくは Pavilion をお読みください。

あるいは、常に 1 列で、いくつかの組み込みサイドバーを持つ Fakebook TC を試してみてください。

トピックリストの抜粋は、シリアライザーが不要なノイズ(例えば、onebox のアンカーを含めるなど)を多く送信しているため、すべての実装でいくつかの問題があります。これはある程度スタイルで除去できます。rideables でちょうどそれを行いました。

これはネイティブ機能で、TLP の出力に含まれているだけです。

では、この機能にアクセスする方法をご存知ですか?私の環境では、基本的にベニアンのままの Discourse インストールでは表示されません。

最後に、プラグインが有効になっていないページでも、なぜかフォーマットが少しおかしいのはなぜでしょうか?TLP が有効になっていないリストやカテゴリを見ると、リストビューのトピックタイトルの下部に余分なパディングが含まれているように見えます。

タイトルにリンクを貼ると生成されます(プレースホルダーテキストを参照)。

インストールされている「プラグイン」は、テンプレートを上書きします。何かおかしい場合は、スタイルを再適用してみてください(ただし、各スタイルへの影響が許容範囲か確認してください)。必要であれば、プラグインの CSS を更新することも可能ですので、プルリクエストをお送りください。また、バグレポートはこちら Pavilion から提出することもできます。

OK、トピックに URL を貼り付けると、外部リンクのアイコンが表示されるようになり、Discourse が自動的にリンク先のリソースからタイトルをコピーしていることも確認できました。

残念ながら、これで TLP のワンボックスプレビューが機能しなくなったようです。何が間違っているのでしょうか?

Fakebook テーマを調査しています。ヒントをありがとうございます!:ok_hand:

いいえ、それで止まるわけではありません。根気強く待ってください。サムネイル(実際には複数のサムネイル)のレンダリングはサーバー側の処理であり、時間がかかります。即時には完了しません。これはすべての実装において同様です。フロントエンドを変更しても、これには影響しません。:)。