FakebookテーマでFullNameをトピックに表示する方法

こんにちは。

これは、Fakebook、ソーシャルメディア愛好家のためのテーマのようです。Fakebookテーマは、トピックリストでユーザー名を表示するためにカスタムテンプレートを使用していますが、このテンプレートを変更してフルネームを表示することもできます。:slightly_smiling_face:

これを行うには、GitHubでテーマをフォークし、テンプレートファイルを編集する必要があります。編集する必要があるのは、フォークしたこのファイルです。https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

このテンプレートには、トピックリストでユーザーデータを処理するセクションがあります。これを編集する必要があります。

この行はユーザー名を表示します。:arrow_down_small:

<span class="username">{{topic.posters.[0].user.username}}</span>

したがって、これの前または後にフルネームを追加する必要があります。


フルネームを追加するには、このセクションを次のように変更するだけです。:arrow_down_small:

<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 - ユーザー名

お役に立てば幸いです。:slightly_smiling_face:

「いいね!」 2