ホームページのトピックリストに列を追加

みなさん、こんにちは!

ホームページのトピック一覧に、トピック作成者のアバターを含む列を追加したいと考えています。

デザインのイメージは以下の通りです:

現在のページの状態:

お手伝いいただけますでしょうか?よろしくお願いいたします!

リンクが機能しません:

申し訳ありませんが、トピックへの画像アップロードはできません。

もしかしたら、似たようなスクリプトで簡単にできる方法があるかもしれませんね。

<script>
var TopicListComponent = require('discourse/components/topic-list').default;
TopicListComponent.reopen({
    showLikes: true
});
</script>

テンプレートを修正する簡単な方法はありません。CSSハックでは不十分な場合、内容を移動させるためには完全に書き直す必要があります。例はこちらでご覧ください:

「いいね!」 3

サム、ありがとう!トピックを表示する責任がある discourse テンプレートファイルはどこにありますか?テーマを作成してみます。

このテンプレートをオーバーライドする必要がありますか?

https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/list/topic-list-item.hbr

オーバーライドファイルに投稿者のアバターを含む列を追加します:

<td class='poster-author'>
<a href="{{poster.user.path}}" data-user-card="{{poster.user.username}}" class="{{poster.extraClasses}}">{{avatar poster avatarTemplatePath="user.avatar_template" usernamePath="user.username" namePath="user.name" imageSize="small"}}</a>

これで正しいでしょうか?

さらに質問してすみません。私はこれまで PHP しか使ったことがありません。

テーマを作成しました GitHub - Varhal/Discourse-author-column: Discourse · GitHub

「いいね!」 5

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