MD トピックリストコンポーネント

Discourseフォーラム用の、より軽やかなトピックリストのプレゼンテーションです。投稿者カラムは削除されましたが、アクティビティカラムとトピックタイトルの下に(トピック作成者の名前とタグ用の小さな絵文字を含む)最後の投稿者の名前とアバターなどの情報が追加されています。


互換性

このテーマコンポーネントは、タグ機能、注目リンク機能、および元のトピックリストバージョンで利用可能なすべての機能と互換性があります。カテゴリスタイルのプレゼンテーション(箇条書き、バー、ボックス)であれば、このコンポーネントと問題なく動作するはずです。

このテーマコンポーネントはいくつかの色パレットでテストされており、ライト、ニュートラル、ダークのいずれのテーマでも動作します。

残念ながら、トピックリストのプレゼンテーションを既に変更しているプラグイン(トピックリストプレビューなど)とは互換性がない可能性があります。

問題が発生した場合は、お気軽にお知らせください!

「いいね!」 29

このコンポーネント、最高ですね。
poster-info div をスクリーンショットのように簡単に作成する方法はありますか?
これで見やすくなると思います。

作者名:↑
相対日付:↓
image

「いいね!」 2

実際には悪いアイデアではないですね、デフォルトで使ってみようかな :thinking:

でも今は、コンポーネントを編集してください。ヘッダー部分、だいたい 60 行目から 69 行目あたりです。

元の内容

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
<br />
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
</div>

使いたい内容

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
<br />
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
</div>

アップデートのたびにこの部分を編集する必要がありますが、コンポーネント自体はそれほど頻繁に更新されるわけではありません。

GitHub に慣れているなら、リポジトリをフォークしてファイルを編集し、あなたのフォーラムでこのバージョンを使うこともできます。

「いいね!」 5

フォーラムでこの変更を試しましたが、良いアイデアだと思います。アップグレードを適用しました。

もし以前のものをお好みであれば、お知らせください。別のバージョンを作成することもできます。

「いいね!」 6

@Steven、最後のアップデートで動作しなくなりましたか?こちらでも壊れています。

「いいね!」 1

まだ気づいていませんでした。通常は週末にアップグレードを行っていますので、今夜確認します。

フォーラムをアップグレードしてログを確認しましたが、私の方では問題は見つかりませんでした。

フォーラムでの問題のスクリーンショットを共有していただけますか?記憶が正しければ、あなたは大きくカスタマイズされたテーマを使用しているはずです。おそらくそれが原因ではないかと考えられますが、私にできることを確認します。

「いいね!」 3

私はこのテーマはもう使っていません。

CSSのカスタマイズなしのMaterial Designでテストしましたが、どのテーマでも動作しません。もしかしたらプラグインの問題かもしれません?

もしDiscourse トピックプレビューを使用している場合、コンポーネントは機能しません。なぜなら、これも topic-list-item.raw テンプレートを変更するためです。

「いいね!」 1

おっしゃる通りです。ただ、私は Topic Preview が必要な News Plugin 📰 のためにのみ使用しています。

なので、どちらかを選ばないといけないですね。:sleepy:

フォーラムで見るとすごく素敵です!小さなタグの絵文字も可愛くていいですね、素晴らしい仕事です!

「いいね!」 2

インスタンスでもこれを使っています。ずいぶんすっきりしました。5 つのアバターというコンセプトは、いまいち理解できませんでした。ごちゃごちゃして見えるので。

「いいね!」 1

最新の Discourse バージョン(2.5.0.beta2)にアップデートしましたが、投稿内のユーザーアバターが表示されなくなりました。

フォーラムリンク: https://techscammersunited.com/

「いいね!」 1

明日確認します。数日前に更新したときは問題なかったのですが、何か変更があったのかもしれません。

「いいね!」 3

ご報告ありがとうございます。現在は修正済みです。コンポーネントをアップグレードして、再度有効化してください。

「いいね!」 3

あ、早速の修正ありがとう!今は完璧に動いてるよ :slight_smile:

最新バージョンにアップデートしたところ、アバターが表示されなくなりました(2.4.1)。
当面はこのコンポーネントを無効にする必要があります。

Discourse もアップグレードすれば、問題が解決します。

「いいね!」 2

私にとっては、それは多くのアップグレード(18 のカスタムプラグイン)を意味するので、私は3〜4ヶ月に1回更新する傾向があります。運が悪かったようです :smiley:

前のバージョンにアクセスする方法はありますか?