# 主题列表自定义视图

**URL:** https://meta.discourse.org/t/topic-list-custom-view/104640
**Category:** Development
**Created:** [2018年十二月19日 09:02 UTC](https://meta.discourse.org/t/topic-list-custom-view/104640 "2018-12-19T09:02:02Z")
**Posts on this page:** 1
**Showing post:** 2

<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: [2019年一月3日 16:34 UTC](https://meta.discourse.org/t/topic-list-custom-view/104640/2 "2019-01-03T16:34:25Z")

</div>

Take a look at the [Topic List Previews plugin](https://meta.discourse.org/t/topic-list-previews/101646). I recently added a [Masonry](https://masonry.desandro.com) ‘renderer’ to it (and continue to enhance that). Your screen shot is not a million miles away from that work.

It’s surprisingly straightforward once you get into the groove.

You just need to override the topic-list and topic-list-item components and their templates and add your custom CSS.

Each of the internal elements in your above screenshot can just be divs you arrange in e.g. a CSS grid which you render for each topic.

You could fork TLP as a head start.

---

_[View the full topic](https://meta.discourse.org/t/topic-list-custom-view/104640)._