# 著者名とアバター

**URL:** https://meta.discourse.org/t/author-name-plus-avatar/225337
**Category:** Development
**Created:** [2022 年 4 月 26 日午後 4:14 UTC](https://meta.discourse.org/t/author-name-plus-avatar/225337 "2022-04-26T16:14:13Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![P2W](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/p2w/32/304345_2.png) [@P2W](https://meta.discourse.org/u/P2W)
#### Post date: [2022 年 4 月 26 日午後 4:14 UTC](https://meta.discourse.org/t/author-name-plus-avatar/225337/1 "2022-04-26T16:14:13Z")

</div>

皆さん、こんにちは。コミュニティでは、アバターに加えて投稿者の名前も表示したいという要望があります。Sam’s Simple Themeで見られるような表示をエミュレートするヒントはありますか？

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

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022 年 8 月 16 日午後 4:10 UTC](https://meta.discourse.org/t/author-name-plus-avatar/225337/2 "2022-08-16T16:10:23Z")

</div>

こんにちは、マイクさん

[Sam’s Simple Theme](https://meta.discourse.org/t/sams-simple-theme/23552) はトピックリストのテンプレートを上書きしており、作成者ではなく最新の投稿者のみを表示しています。テンプレートを上書きする方法についての非常に優れたガイドはこちらです。[override](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#overriding-discourse-templates-23)。

これには、コアの2つのテンプレートを上書きする必要があります。

1. [https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/topic-list-header.hbr](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/topic-list-header.hbr)  
ヘッダーセクションを変更するための `topic-list-header`

2. [https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr)  
アバターを変更し、ユーザー名を追加するための `topic-list-item`

* * *

すべてのテンプレートはここで見つけることができます: [https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates](https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates)

始めましょう 🔽

実際、提示を容易にするためにテーマコンポーネントを作成しました。必要であれば使用できます。 🙂

> **[GitHub - VaperinaDEV/discourse-custom-user-column](https://github.com/VaperinaDEV/discourse-custom-user-column)**
>
> Contribute to VaperinaDEV/discourse-custom-user-column development by creating an account on GitHub.

設定から2つの列を選択できます。  
デフォルトでは最後の投稿が表示されますが、作成者が表示されるように変更できます。

 ![Screenshot 2022-08-16 at 17.00.54](https://global.discourse-cdn.com/meta/original/4X/2/a/8/2a877d85c5359dda8edd2809e95a95f1db7146fe.png)

**トピックリストヘッダー**  
まず、列ヘッダーを変更する必要があります。

これらの行を追加し、投稿者と表示数、アクティビティの列ヘッダーを削除しました。

> <https://github.com/VaperinaDEV/discourse-custom-user-column/blob/438529e70d03352296d13d6d46b20769f7cbf845/javascripts/discourse/templates/topic-list-header.hbr#L17-L22>

これはヘッダー **最終投稿** または **作成者** を追加します。  
最終投稿  
 ![Screenshot 2022-08-16 at 17.03.19](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/e/0/f/e0f77f164902d858ba9a903baffb64dc1f64e393_2_690x35.png)  
作成者  
 ![Screenshot 2022-08-16 at 17.23.35](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/e/e/c/eec6a533d33baf392333ba00c58f450961f1e4d3_2_690x34.png)

これらの翻訳のためのロケールファイルも追加しました…  
ここで翻訳できます 🔽

 ![Screenshot 2022-08-16 at 17.05.07](https://global.discourse-cdn.com/meta/original/4X/e/2/9/e29b4ddcdf857718825ae42a7aae848b991c58e3.png)

* * *

**トピックリストアイテム**

投稿者の列を削除し、最終投稿または作成者の列を追加しました。

最終投稿列

 ![Screenshot 2022-08-16 at 17.02.36](https://global.discourse-cdn.com/meta/original/4X/2/9/5/295fd122500ed55cb74a48c59f90ef55526ac555.png)

作成者列（トピック作成）時間付き。

 ![Screenshot 2022-08-16 at 17.15.06](https://global.discourse-cdn.com/meta/original/4X/f/b/e/fbe2f07b2ce3ab4723cf1bd6aef42c938d924366.png)

> <https://github.com/VaperinaDEV/discourse-custom-user-column/blob/215b70d13145477d9a9881868dc33c0d2e420a89/javascripts/discourse/templates/list/topic-list-item.hbr#L65-L86>

* * *

最後にCSSを追加します。

> <https://github.com/VaperinaDEV/discourse-custom-user-column/blob/main/desktop/desktop.scss>

* * *

お役に立てば幸いです！コアテンプレートと比較したり、カスタムテンプレートを使用している場合は変更したり、コンポーネントがニーズに合っていれば使用したりできます。 🙂

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2023 年 2 月 19 日午後 3:52 UTC](https://meta.discourse.org/t/author-name-plus-avatar/225337/3 "2023-02-19T15:52:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.