テンプレートをオーバーライドして列を削除したい場合、これは良い出発点になります。
https://meta.discourse.org/t/beginners-guide-to-developing-discourse-themes/93648#overriding-discourse-templates-23
これは、列を削除するためにテンプレートをオーバーライドする方法を説明しています。
直接的な解決策
-
管理画面で、[Customize] > [Theme] > [あなたのテーマ] > [Edit CSS/HTML] に移動します。
-
[Head] タブで、このコードを貼り付けます。
<script type="text/x-handlebars" data-template-name="list/topic-list-item.hbr">
</script>
-
<script>タグの間に、元のテンプレートの内容を貼り付けます。
https://raw.githubusercontent.com/discourse/discourse/main/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr -
この部分を削除します。
<td class="num views {{topic.viewsHeat}} topic-list-data">
{{raw-plugin-outlet name="topic-list-before-view-count"}}
{{number topic.views numberKey="views_long"}}
</td>
- [CSS] タブに移動し、このコードを挿入します。
.topic-list-header th.views {
display: none;
}
- 変更を保存することを忘れないでください。
結果:
CSSのみの解決策(はるかに短い):
.topic-list {
.views {
display: none;
}
}
テンプレートのオーバーライドは、Discourseのテンプレートコードがバージョンごとに変更される可能性があるため、より多くの「監視」が必要になることを付け加えます。その場合、オーバーライドをそれに応じて変更する必要があります。
CSSソリューションの方が柔軟性があります。
