# Topic List Latest-Post Excerpt

**URL:** https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749
**Category:** Theme component
**Created:** [May 4, 2024, 6:18pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749 "2024-05-04T18:18:37Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [May 4, 2024, 6:18pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/1 "2024-05-04T18:18:37Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Displays the most recent post/reply excerpt in topic lists |
| 👓 | **Preview** | ❗_REQUIRES [PLUGIN](https://meta.discourse.org/t/highest-post-excerpts-in-topic-list/306734)_ ❗ |
| 🛠 | **Repository** | [https://github.com/dsims/discourse-topic-list-highest-post-excerpt](https://github.com/dsims/discourse-topic-list-highest-post-excerpt) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

In topic lists, this will display the most recent (aka highest) post excerpt below the title (or topic excerpt). It requires a [plugin](https://meta.discourse.org/t/highest-post-excerpts-in-topic-list/306734) to actually have the highest-post data available.

Also includes settings to display the **excerpt avatar** , a **reply icon** , and limit excerpt rendering to a **single line**. There is also an option to **show topic excerpt** which is similar to [Topic List Excerpts](https://meta.discourse.org/t/topic-list-excerpts/151520) but works in a different way. Excerpts can be limited to specific topic lists by categories and/or tags.

### Screenshots

With default setting and show topic excerpts.

 ![Screenshot 2024-05-03 at 9.58.28 PM](https://global.discourse-cdn.com/meta/original/4X/c/5/9/c59bc89de4c8a6350a2007a9da6a6eb172ba75f5.png)

With avatars and limited to single-line:

 ![Screenshot 2024-05-03 at 9.57.57 PM](https://global.discourse-cdn.com/meta/original/4X/e/4/3/e430b73acc426c15fddfa4373275b77d85f5c0dd.png)

With no topic-excerpt

 ![Screenshot 2024-05-04 at 10.36.52 AM](https://global.discourse-cdn.com/meta/original/4X/9/4/c/94c0751935a45dcf1be698f4f13d10e744054ee7.png)

---

<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: [May 19, 2024, 5:57pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/2 "2024-05-19T17:57:17Z")

</div>

I have searched for it for months. Thank you very much for this.

IS there a way to make it compatible with [this plugin](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944)? Because in mobile its shows 2 times thé latested avatar

The latest post excerpt only works if i désactive thé other plugin

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [May 19, 2024, 6:47pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/3 "2024-05-19T18:47:38Z")

</div>

> [@David\_Ghost](#):
>
> in mobile its shows 2 times thé latested avatar

Ah I didn’t notice that until now, thanks. I’ll look into making this component show the OP as the primary avatar when excerpt-avatars are enabled.

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [May 28, 2024, 6:04pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/4 "2024-05-28T18:04:07Z")

</div>

Added a setting to use the topic-creator avatar instead of latest-poster on mobile.

So you shouldn’t need that “_Show both OP and last reply on mobile_” component @David_Ghost

---

<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: [May 28, 2024, 6:43pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/5 "2024-05-28T18:43:07Z")

</div>

Thank you. It works as expected but it’s weird to see the OP avatar 2 times on mobile. It should only be the first one on the left

 ![The image shows a group chat in a messaging app, with a group name "Postem memes aqui" (Post memes here), photos, and messages in Portuguese, one of which says "vale tudo" (anything goes). There is an <FB_IMG_1716903393097> and professional-looking emojis such as <T> and <A>. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/a/8/3/a836f977021b5232c3af6808b93dea710cfadb84.jpeg)

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [May 28, 2024, 9:19pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/6 "2024-05-28T21:19:28Z")

</div>

> [@David\_Ghost](#):
>
> it’s weird to see 2 times the OP avatar

I just pushed an update to the mobile styles that takes care of that.

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [June 1, 2024, 2:43am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/7 "2024-06-01T02:43:09Z")

</div>

The [Topic List Excerpts](https://meta.discourse.org/t/topic-list-excerpts/151520) component has [a bug](https://meta.discourse.org/t/information-about-pinned-topic-is-not-updated-when-using-new-unread-topics-banner/303928/2) so I added a new option here to **show topic excerpts** so that component is not needed.

---

<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: [June 11, 2024, 8:58pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/8 "2024-06-11T20:58:51Z")

</div>

hey, is this theme component leaving any leaving any residual when it’s uninstalled?

i"m having issuess with “Topic list excerpt” now. As it’s shows much more text, it shows the avatars this way:

 ![imagmza](https://global.discourse-cdn.com/meta/original/4X/6/9/5/6950ba1697c1573eab76725dd64e9b0aa4f099af.png)

but I’m not sure if there is any conflict with your plugin/ theme component

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [June 12, 2024, 12:21pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/9 "2024-06-12T12:21:18Z")

</div>

I’m not seeing that, so let me know what you are using and I’ll try to reproduce:

- Web Browser
- Theme
- Any other theme components?
- Have you made any custom CSS changes/additions?

---

<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: [June 12, 2024, 12:39pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/10 "2024-06-12T12:39:36Z")

</div>

Thank you for your help. I’m using Chrome, the default theme, and 5 or 6 theme components. I’ve already uninstalled them one by one, but it works perfectly if I disable topic excerpts or enable [safe mode](https://meta.discourse.org/t/53504?silent=true).

I have some CSS codes for the logo and 2 or 3 things for the mobile view. I’ve already tested without them, but I’m having the same problem, as you can see here: [https://forumjogos.com.br](https://forumjogos.com.br)

You can try to reproduce it by installing your plugin + TC, uninstalling it, and then installing the topic list excerpt back.

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [June 12, 2024, 1:38pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/11 "2024-06-12T13:38:20Z")

</div>

Looks like a problem with [this topic](https://forumjogos.com.br/t/bailao-otaku/398), where part of a url results in an excerpt with a long unbroken line:  
`ref_src=twsrc^tfw|twcamp^tweetembed|twterm^1793429561969193338|twgr^|twcon^s1_&ref_url=`

Discourse is not removing the url from the excerpt and there is no max-width on the column so the `word-wrap: break-word;` doesn’t apply.

You might be able to fix this by adding this CSS which seems to force the long line to break even without a max-width:

```plaintext
.topic-list .topic-excerpt span {
    overflow-wrap: anywhere;
}

```

(My theme component also has a `single line` setting which would avoid this issue)

---

<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: [June 12, 2024, 1:47pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/12 "2024-06-12T13:47:55Z")

</div>

Ohh thank you very much. Very kind of you. Its working fine now and it was not a problem in your side.

Thats weird how a topic can break things. I tried so many solutions to try fixing it

Thanks again

---

<div class="post-metadata">

### Author: ![qianping\_chen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/qianping_chen/32/448819_2.png) [@qianping\_chen](https://meta.discourse.org/u/qianping_chen)
#### Post date: [September 29, 2024, 1:28pm UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/13 "2024-09-29T13:28:24Z")

</div>

Installed, but not used at all, can’t find the location of the plugin

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [October 10, 2024, 5:50am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/14 "2024-10-10T05:50:40Z")

</div>

> [@dsims](#):
>
> ### TODO
> 
> Add setting to limit to certain categories?

How can I Add setting to limit to certain categories?

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [October 10, 2024, 6:05am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/15 "2024-10-10T06:05:31Z")

</div>

I have installed this component, also set it for “default” theme, but I don’t see Latest Post appear

You can check the component again

---

<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: [October 10, 2024, 8:40am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/16 "2024-10-10T08:40:27Z")

</div>

> [@hoangviet](#):
>
> I have installed this component, also set it for “default” theme, but I don’t see Latest Post appear
> 
> You can check the component again

Hey, you have installed the [plugin](https://meta.discourse.org/t/highest-post-excerpts-in-topic-list/306734) too?

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [October 10, 2024, 9:09am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/17 "2024-10-10T09:09:03Z")

</div>

Thank you, I have checked the topic and installed the plugin before, it is working now, if there is any problem, I hope everyone can help me later.

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [October 29, 2024, 7:43am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/18 "2024-10-29T07:43:29Z")

</div>

with this component, how can i limit to some categories?

thanks everyone

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [October 29, 2024, 7:57am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/19 "2024-10-29T07:57:38Z")

</div>

I’m also looking for a way so that when people click on the reply content (from the home page), the opened topic moves to the reply post, not the post of the topic creator.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [October 29, 2024, 8:27am UTC](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749/20 "2024-10-29T08:27:10Z")

</div>

It would move to the reply if you have read the topic before. I suppose the excerpt could be a link to the most recent post.

[Next page](https://meta.discourse.org/t/topic-list-latest-post-excerpt/306749.md?page=2)
