こんにちは。
これは、Fakebook、ソーシャルメディア愛好家のためのテーマのようです。Fakebookテーマは、トピックリストでユーザー名を表示するためにカスタムテンプレートを使用していますが、このテンプレートを変更してフルネームを表示することもできます。![]()
これを行うには、GitHubでテーマをフォークし、テンプレートファイルを編集する必要があります。編集する必要があるのは、フォークしたこのファイルです。https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr
このテンプレートには、トピックリストでユーザーデータを処理するセクションがあります。これを編集する必要があります。
この行はユーザー名を表示します。![]()
<span class="username">{{topic.posters.[0].user.username}}</span>
したがって、これの前または後にフルネームを追加する必要があります。
フルネームを追加するには、このセクションを次のように変更するだけです。![]()
<div class="name-and-date">
<span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
<span class="username">{{topic.posters.[0].user.username}}</span>
{{format-date topic.createdAt format="tiny"}}
</div>
usernameの上にこの行を追加しました。これにより、トピックリストにユーザー名の上にフルネームが表示されます。
<span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
CSSの変更が必要になるかもしれませんが、full-name-topic-listクラス、または追加した任意のクラスを簡単にターゲットにできます。
Fakebookテーマをフォークし、このコミットでこの変更を行いました。確認できます。Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub
そして、このようになります。
ドン - フルネーム
dodesz - ユーザー名
お役に立てば幸いです。![]()
