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

トピック、特に「…/latest」ページでFullNameを表示する方法を教えていただけますか?

  1. 「ユーザーエクスペリエンスでユーザー名を優先する」サイト設定を無効にしました。
  2. 「投稿に表示名を表示する」サイト設定を有効にしました。

これを行っても、トピックにはFullNameではなくuserNameしか表示されません。どなたか助けていただけますか。

設定を変更した後、ページを再読み込みしましたか?

はい、@pfaffman さん、実際には長い間この問題に直面していました。サイト設定で何か変更する必要はありますか?上記の2つのオプション以外に何かありますか?現在は以下のようになっています。ユーザー名のみが表示されています。

Pandiyanさん、こんにちは :slight_smile:

おっしゃっている意味がよくわかりません。/latest ページでは、ユーザー名がどこに表示されていますか? ユーザー名をフルネームに置き換えたいページの大きなスクリーンショットをいただけますか?そうすれば、あなたが何を達成しようとしているのか、よりよく理解できます。

こんにちは。

これは、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

問題の詳細を尋ねてくれた @JammyDodger さん、ありがとうございます。そして @Don Great! さん、本当にありがとうございます。まさにFakeBookテーマを使用しています。手順に従って試してみます。

また、コンポーネントのヘッダーやその他のセクション、またはCSSにコードを追加する他の方法はありますか?それが最も簡単な方法ですよね。もし何かあれば教えてください。ありがとうございます!

「いいね!」 2