# トピック一覧プレビュー（TLP）

**URL:** https://meta.discourse.org/t/topic-list-previews-tlp/209973
**Category:** Theme component
**Created:** [2021 年 11 月 23 日午後 12:25 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")
**Posts on this page:** 20
**Page:** 26

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 1 月 29 日午前 7:28 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/509 "2025-01-29T07:28:32Z")

</div>

タイル（メーソンリー）ビューを使用しますか？ワイドフォーマットオプションがあります。

サムネイルのアスペクト比を修正すると、当然ながら歪みや切り抜きが発生します。

---

<div class="post-metadata">

### Author: ![agemo](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [2025 年 2 月 4 日午後 10:23 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/510 "2025-02-04T22:23:38Z")

</div>

**Discourse 3.5.0.beta1-dev** ([0cb27f433a](https://github.com/discourse/discourse/commits/0cb27f433ad26b368a283eb08289250f666323a1)) の最新版にアップデートした後、この通知が表示されるようになりました。トピックプレビューは機能していますが、アップデートしてもこのメッセージは消えません。

`**[管理者通知]** ディスコースコアの今後の変更との互換性のために、テーマまたはプラグインのいずれかを更新する必要があります。（ID：[*discourse.hbr-topic-list-overrides*](https://meta.discourse.org/t/343404)）特定されたテーマ：（['トピックリストプレビュー'](https://thepropertypin.com/admin/customize/themes/27?safe_mode=no_themes)）。`

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 4 日午後 10:24 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/511 "2025-02-04T22:24:28Z")

</div>

もうすぐ大幅な書き直しが行われます。

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2025 年 2 月 9 日午後 12:01 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/513 "2025-02-09T12:01:12Z")

</div>

新しいバージョンが読み込まれていません。いつ更新されますか？

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 9 日午後 12:44 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/514 "2025-02-09T12:44:16Z")

</div>

あなたはあまり早くグリマーのトピックリストを有効にしましたか？

今週！

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2025 年 2 月 10 日午後 3:17 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/515 "2025-02-10T15:17:05Z")

</div>

画像の端を、例の画像のように楕円形にするにはどうすればよいですか？

 ![The image shows parts of three YouTube comments discussing gaming-related topics, including "Phil Spencer chats to XboxEra - Episode 250," "Xbox multi platform discussion," and a "Marvel vs Capcom Fighting Collection Arcade Classics review." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/6/4/c648aafc55b7e2eeeb3c810580be43171caae7ce.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 10 日午後 3:17 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/516 "2025-02-10T15:17:59Z")

</div>

ブラウザのCSSインスペクターを使用して、ボーダーラディウスを追加します。満足したら、追加のCSSを別のテーマコンポーネントに追加してください。

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2025 年 2 月 10 日午後 3:19 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/517 "2025-02-10T15:19:31Z")

</div>

> [@merefield](#):
>
> ブラウザのCSSインスペクターを使用して、ボーダーラディウスを追加してください。満足したら、追加のCSSを別のテーマコンポーネントに追加してください。

これらの問題についてはほとんど知識がありません。動作するコードを共有していただけますか？

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 10 日午後 3:21 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/518 "2025-02-10T15:21:09Z")

</div>

喜んでお引き受けいたします。ご希望の場合は、プライベートメッセージにてご連絡いただくか、#Marketplace をご検討ください 👍

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2025 年 2 月 10 日午後 5:34 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/519 "2025-02-10T17:34:47Z")

</div>

調査した結果、ついにできました 😆

```css
img.thumbnail {
    border-radius: 5px;
}

```

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 10 日午後 5:35 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/520 "2025-02-10T17:35:14Z")

</div>

やったー、頑張って 🙂

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 11 日午後 6:12 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/521 "2025-02-11T18:12:01Z")

</div>

本日、[素晴らしい\*新しいGlimmer Topic Listシステム](https://meta.discourse.org/t/upcoming-topic-list-changes-how-to-prepare-themes-and-plugins/343404?u=merefield.)との互換性をもたらすアップデートをリリースします。

これは実質的に書き直しであり、_数日_かかりました。

**最新バージョンにアップデートし、Glimmer Topic Listsを有効にする必要があります。**

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/c/6/6c6185f2cac6e6b47819567b5bb40a3c073bc2bf.png)

そうしないと、アラートポップアップが表示される場合があります 😃

> <https://github.com/merefield/discourse-tc-topic-list-previews/pull/39?q=1>
>
> \* COMPATBILITY: significant rewrite to accommodate the deprecation of raw topic …list and templates
> \* uses the new Topic List API
> \* introduces several new Glimmer Components
> \* Adds CI workflow

Topic List Previewsが素晴らしいと思われ、私の仕事がうまくいったと思われたら、[コーヒーを一杯おごる](https://github.com/sponsors/merefield/sponsorships?sponsor=merefield&tier_id=464896&preview=false)ことができます ☕

注：残念ながら、広範囲な書き直しの結果、CSSの微調整を使用していた場合、それらをやり直す必要があるかもしれません。

### 謝辞

私の要件を満たすために素晴らしい新しいTopic List APIを拡張してくれた@davidに感謝します。

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2025 年 2 月 11 日午後 6:55 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/522 "2025-02-11T18:55:08Z")

</div>

ありがとうございます。インストールしなければならない新しいコンポーネントですか？通常の「アップデートあり」が実際のコンポーネントに表示されないのですが。

先にDiscourseをアップデートすべきでしょうか？

ありがとうございます。

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 11 日午後 7:04 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/523 "2025-02-11T19:04:52Z")

</div>

GitHubアカウントに移動しました。OPのURLを確認してください。これは問題ないはずですが（URLはリダイレクトされるはず）、エッジケースかもしれません。

その場合は申し訳ありませんが、新規にインストールしてください。

依存しているTCとプラグインが更新され、互換性があることを確認している限り、最新バージョンに更新するべきです。

以下を実行することをお勧めします。

- 既存のコンポーネントを無効にする
- 最新バージョンに更新する
- その設定を更新する（`glimmer topic list mode` を `enabled` にする）
- 新たにTCを追加する（[GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists](https://github.com/merefield/discourse-tc-topic-list-previews) を使用）

まだPostgreSQLの更新を実行していない場合は、`./launcher cleanup app` を実行してください。

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [2025 年 2 月 11 日午後 10:10 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/524 "2025-02-11T22:10:39Z")

</div>

こんにちは。

前回のアップデート以降、モバイルで動作しなくなったようです。少なくともサムネイルカテゴリでは。

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 11 日午後 10:11 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/525 "2025-02-11T22:11:47Z")

</div>

iOSとAndroidでは正常に動作していますか？

具体的にどの設定ですか？

詳しく説明していただけますか？

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 11 日午後 10:19 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/526 "2025-02-11T22:19:05Z")

</div>

モバイルでタイルがないカテゴリに問題があることを確認しました。著者を表示すべきでないのに表示しています。修正をリリースします。

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [2025 年 2 月 11 日午後 10:19 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/527 "2025-02-11T22:19:08Z")

</div>

`Topic list thumbnails categories` 設定で再現できます。

昨日までは動作していましたが、アップデート後の今日は動作しません。デスクトップでは問題ありませんが、モバイルでのみ発生します。

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2025 年 2 月 11 日午後 11:00 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/528 "2025-02-11T23:00:09Z")

</div>

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/ea39f7f43d5ec5bbbff8c5317dfd597b226d2c64>

まだお伝えいただいた問題を再現できませんが、モバイルでユーザーアバターとデフォルトのサムネイルが同時に表示されてしまう問題がありました。これは現在修正済みです。

`topic_list_thumbnails_categories` にカテゴリが含まれており、`topic_list_set_category_defaults` がオフの場合に、モバイルのカテゴリでサムネイルが表示され続けています。

 ![The image shows a screenshot of the StarZen subreddit with a "Staff" category for admins and moderators discussing topics, and several posts related to Star Citizen updates and a review of Xbox Series X games. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/3/7/f37e5a1b23abf14f9d36622a81dc47ade9635f16.jpeg)

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [2025 年 2 月 11 日午後 11:08 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/529 "2025-02-11T23:08:42Z")

</div>

こんにちは

いくつかテストを行いました

これは、このTCが[Show both OP and last reply on mobile](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944)と互換性がなくなったためです

これがない場合は正常に動作します

[Previous page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=25)

[Next page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=27)
