Sam's Simple Theme

jrgong · 2020 年 4 月 14 日午後 8:16

こんにちは

注目のトピックの抜粋を再び表示させるために、ヘッダーでどのような変更を行えばよいでしょうか？

また、テーマコンポーネントを更新した後、トピック一覧からアバターが消えてしまいました:

sam · 2020 年 4 月 14 日午後 10:36

私の推測では、あなたはフォーク版を実行しているようです。最新バージョンにはアバターが含まれています。

jrgong · 2020 年 4 月 14 日午後 11:44

確認したところ、私のテーマのソースリンクは https://github.com/discourse/discourse-simple-theme.git を指しています。
また、ソースリンクから再度インストールしましたが、テーマプレビューで同じ問題が発生しています。

sam · 2020 年 4 月 14 日午後 11:55

Discourse を最新バージョンにアップデートするのはどうでしょうか？

jrgong · 2020 年 4 月 15 日午前 12:10

私は 2.4.1 を使用しています。2.5 ベータ版のことでしょうか？

Steven · 2020 年 4 月 15 日午前 12:24

はい、アバターの変更はバージョン 2.5.0 ベータ 2 で行われました。

jrgong · 2020 年 4 月 15 日午前 10:09

ああ、わかりました。上にスクロールして、あなたの一時的な解決策を見つけました。

@Steven、ピン留めされたトピックの抜粋を再び表示させるために、そのヘッダーコードのどの部分を調整すればよいか教えていただけますか？

Steven · 2020 年 4 月 15 日午前 10:49

既に抜粋の参照が存在するため、まず16行目を削除することをお勧めします。

  {{raw "list/topic-excerpt" topic=model}}

その後、以下を追加してください。

  {{#if expandPinned}}
    {{raw "list/topic-excerpt" topic=topic}}
  {{/if}}

これは、以下のコードの直後に配置します。

{{raw "list/action-list" topic=topic postNumbers=topic.liked_post_numbers className="likes" icon="heart"}}
   </div>

つまり、</td> の直前です。

古いヘッダーコードを使用する場合、以下のように表示されます。

<script type='text/x-handlebars' data-template-name='list/topic-list-item.raw'>

{{#if bulkSelectEnabled}}
<td class='star'>
  <input type='checkbox' class='bulk-select'>
</td>
{{/if}}

<td class='main-link clearfix'>
  {{raw "topic-status" topic=topic}}
  {{topic-link topic}}
  {{#if controller.showTopicPostBadges}}
    {{raw "topic-post-badges" unread=topic.unread newPosts=topic.displayNewPosts unseen=topic.unseen url=topic.lastUnreadUrl}}
  {{/if}}
  {{discourse-tags topic mode="list"}}
  <div class='creator'>
  {{#if showCategory}}
     {{category-link topic.category}}
   {{/if}}
  {{~#if topic.creator ~}}
  <a href="/users/{{topic.creator.username}}" data-auto-route="true" data-user-card="{{topic.creator.username}}">{{topic.creator.username}}</a> <a href={{topic.url}}>{{format-date topic.createdAt format="tiny"}}</a>
  {{~/if ~}}
   {{raw "list/action-list" topic=topic postNumbers=topic.liked_post_numbers className="likes" icon="heart"}}
   </div>
  {{#if expandPinned}}
    {{raw "list/topic-excerpt" topic=topic}}
  {{/if}}
</td>

{{#if controller.showLikes}}
<td class="num likes">
  {{number topic.like_count}} <i class='fa fa-heart'></i>
</td>
{{/if}}

{{#if controller.showOpLikes}}
<td class="num likes">
  {{number topic.op_like_count}} <i class='fa fa-heart'></i>
</td>
{{/if}}

{{raw "list/posts-count-column" topic=topic}}

<td class="last-post">
<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>
<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>
</td>
</script>

<script type='text/x-handlebars' data-template-name='topic-list-header.raw'>
  {{#if bulkSelectEnabled}}
  <th class='star'>
    {{#if canBulkSelect}}
        <button class='btn bulk-select' title='{{i18n "topics.bulk.toggle"}}'><i class='fa fa-list'></i></button>
    {{/if}}
  </th>
  {{/if}}
  {{raw "topic-list-header-column" order='default' name='topic.title' bulkSelectEnabled=bulkSelectEnabled showBulkToggle=toggleInTitle canBulkSelect=canBulkSelect}}

  {{#if showLikes}}
     {{raw "topic-list-header-column" sortable='true' order='likes' number='true' forceName=(theme-i18n 'likes')}}
  {{/if}}
  {{#if showOpLikes}}
     {{raw "topic-list-header-column" sortable='true' order='op_likes' number='true' forceName=(theme-i18n 'likes')}}
  {{/if}}
  {{raw "topic-list-header-column" sortable='true' number='true' order='posts' forceName=(theme-i18n 'replies') }}
  {{raw "topic-list-header-column" sortable='true' order='activity' forceName=(theme-i18n 'last_post')}}
</script>

<script>

(function(){

var TopicListItemView = require('discourse/components/topic-list-item').default;


TopicListItemView.reopen({
    showCategory: function(){
        return !this.get('controller.hideCategory') &&
                this.get('topic.creator') &&
                this.get('topic.category.name') !== 'uncategorized';
    }.property()
});

})();

</script>

jrgong · 2020 年 4 月 15 日午前 11:10

テーマのヘッダー部分にこのコードを追加しましたが、アバターが表示されません。何か見落としているのでしょうか？

こちらのコードも試しましたが、アバターは表示されません。セーフモードで試したり、すべてのプラグインを無効にしてみましたが、変わりません。

参考までに：トピック一覧のプレビューとの競合により、提供されたコードを使用しても抜粋が表示されませんでした。

Steven · 2020 年 4 月 15 日午後 1:35

前の投稿を編集しました。さまざまなバージョンに混乱していました。

追加されたコードは、Discourse の最新バージョン用です。私の理解が正しければ、Discourse の古いバージョンのヘッダーを編集する必要があります。そのため、最後の投稿を 2.5.0 b2 より前のバージョン向けに変更しました。

ただ、Discourse をアップグレードする方が簡単ですよ。新しい機能が盛りだくさんです

jrgong · 2020 年 4 月 15 日午後 8:11

私もそれを楽しみにしています

でも、安定版に残りたいですね

アップデートをありがとう！

jrgong · 2020 年 5 月 1 日午前 8:49

@sam 近日中に、テーマコンポーネントをトピックリストプレビュープラグインと互換性のあるものにする計画はありますか？

sam · 2020 年 5 月 1 日午後 11:23

特にその予定はありません

b481 · 2020 年 5 月 21 日午前 1:03

スレッドタイトルと返信数の間に、それぞれのスレッドを開始したユーザーの名前やアバターを表示する「ユーザー」列を追加するにはどうすればよいでしょうか？カスタマイズ機能やテーマ作成者を使って実現できるでしょうか？

Mevo · 2020 年 8 月 7 日午後 6:03

以前からメタで「Sam’s simple theme」を主に使っていました（とても気に入っています）。昨日から私の環境でバグが発生しているようです！別のブラウザ（Chrome ではなく Firefox）を新規インストールして試してみましたが、問題は同じでした。上部のバナーが表示されず、トピックも数件しか表示されず、それらをクリックしても反応しません。他のテーマでは問題なく動作しています。

Johani · 2020 年 8 月 7 日午後 7:43

これで修正されました。問題をご報告いただきありがとうございます @Mevo

b481 · 2020 年 8 月 17 日午前 4:09

モバイル版でも、デスクトップ版のようにトピックタイトルの下にトピック作成者のユーザー名を表示することはできますか？

モバイル:

デスクトップ:

Alex_P · 2021 年 1 月 5 日午後 4:55

テーマがダークモードの配色と互換性がないようですそのため、Automatic Dark Mode color scheme switching の自動ダークモード切り替え機能も動作しません。

pmusaraj · 2021 年 1 月 6 日午前 1:05

テーマをアップデートしてダークモードとの互換性を向上させました。最新の更新を取得すれば、改善が確認できるはずです。

Alex_P · 2021 年 1 月 6 日午前 7:51

ありがとうございます

ただし、カテゴリ名は依然として正しく表示されていません。

トピック		返信	表示
MD Topic List component Theme component	73	9581	2025 年 9 月 7 日
A reddit-ish theme for Discourse Theme	113	14882	2026 年 4 月 10 日
MD Topic List Mobile component Theme component	61	6778	2026 年 4 月 7 日
Topic Author Theme component topic-author , end-of-life	63	12616	2024 年 10 月 4 日
Fakebook Theme Theme official , fakebook-theme	138	32618	2026 年 2 月 3 日

Sam's Simple Theme

関連トピック