Topic List Author

Theme component
,
1
:information_source: Summary Makes the topic author appear instead of posters and allows changing the placement of the author column in topic list pages.
:hammer_and_wrench: Repository https://github.com/discourse/discourse-topic-list-author
:eyeglasses: Preview Preview on Discourse Theme Creator
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

This theme component makes the topic author avatar appear in topic list pages (ie: /latest /new /unread /top) and the category homepage (if using a category view with topic list).

There are also settings to change where the author column appears for topic list pages - left, centre or right.

This component works with both desktop and mobile views, although the centre avatar placement only shows in desktop view.

Screenshots:

Author avatar in default (center) column placement

The image shows a screenshot of a computer interface, likely a webpage or application, with a black background and various menu options and text elements. (Captioned by AI)
The image shows a screenshot of a computer interface, likely a webpage or application, with a black background and various menu options and text elements. (Captioned by AI)1317×450 63.7 KB

Author avatar in first (left) column

This image is a screenshot of an online article, showing the title, author, and topic of an article on policies within a company. (Captioned by AI)
This image is a screenshot of an online article, showing the title, author, and topic of an article on policies within a company. (Captioned by AI)1317×450 63.9 KB

Author avatar in last (right) column

The image displays a screenshot of a computer interface, primarily in shades of purple and black. (Captioned by AI)
The image displays a screenshot of a computer interface, primarily in shades of purple and black. (Captioned by AI)1317×450 63.9 KB

Author avatar on a category homepage topic list

The image displays a computer screen showing a web browser with a user interface that includes a chat-like layout and possibly a website related to online learning or testing. (Captioned by AI)
The image displays a computer screen showing a web browser with a user interface that includes a chat-like layout and possibly a website related to online learning or testing. (Captioned by AI)1315×445 63.9 KB

Mobile view with topic author avatar in first (left) column

This image is a screenshot of a social media application interface, showing a user's profile with various icons and text fields. (Captioned by AI)
This image is a screenshot of a social media application interface, showing a user's profile with various icons and text fields. (Captioned by AI)1290×906 110 KB

Mobile view with topic author avatar in last (right) column

This image shows a user interface for a Q&A system, with the user's latest question and the text "Compose" indicating that they can type their response. (Captioned by AI)
This image shows a user interface for a Q&A system, with the user's latest question and the text "Compose" indicating that they can type their response. (Captioned by AI)1290×638 77.1 KB

Settings

This is a screenshot of a user interface for a theme settings page of a website or application, with options for column positioning and theme translations. (Captioned by AI)
This is a screenshot of a user interface for a theme settings page of a website or application, with options for column positioning and theme translations. (Captioned by AI)784×482 28 KB

:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @Lilly 2025-02-11T16:28:07Z

Last checked by @Lilly 2025-02-11T16:22:11Z

Check documentPerform check on document:
20 Likes
47

Hi Lilly, not that you need more to do :wink: but I have another issue with topic thumbnails, the avatar is now showing up twice:

This is a screenshot of an Instagram post that showcases different birds from various locations, including a peregrine falcon, a hummingbird, a heron, and a crane, highlighting their natural habitats and beauty. (Captioned by AI)
This is a screenshot of an Instagram post that showcases different birds from various locations, including a peregrine falcon, a hummingbird, a heron, and a crane, highlighting their natural habitats and beauty. (Captioned by AI)1920×1185 189 KB

1 Like
48

yea the refactor possibly makes this component incompatible again. I’ll see if I can come up with a workaround of some sort. probably need to hack some CSS to make these two components work together if it’s possible.

3 Likes
49

question: why do you use this theme component? it appears as though topic list thumbnails is using the topic author avatars already because it previews from the first post (OP), (although there are a lot of settings in that theme component). Are you wanting this to only apply to specific categories that Topic list thumbnails isn’t using?

1 Like
50

Great question :grin: Yes, I have some categories that are not using thumbnails.

2 Likes
51

edit: @davidkingham - you can use the old branch still

4 Likes
52

This component is now official and the repo link in the OP has been updated. Please use the new repo link to re-install this component to avoid any errors. The old repo will not be maintained going forward and will eventually be archived.

3 Likes