そのため、カテゴリリストで次のような状態になっています。
構造はわかっているにもかかわらず、大きな「News & Announcements」カテゴリをクリックするのではなく、サブカテゴリのいずれかを選択することに惹かれていることに気づきました。ヘッダーをクリックするのと同じように、News & Announcements - Fedora Discussion に移動する「すべて」リンクをサブカテゴリの前または後に簡単に追加する方法はありますか?
そのため、カテゴリリストで次のような状態になっています。
構造はわかっているにもかかわらず、大きな「News & Announcements」カテゴリをクリックするのではなく、サブカテゴリのいずれかを選択することに惹かれていることに気づきました。ヘッダーをクリックするのと同じように、News & Announcements - Fedora Discussion に移動する「すべて」リンクをサブカテゴリの前または後に簡単に追加する方法はありますか?
現在のアイデアは、トップレベルの投稿を許可せず、最初のレベルの下に2番目のレベルの news カテゴリを作成することです。
他に何かアイデアがあればぜひお聞かせください!
コンテナ全体をクリック可能にすることができます。
サブカテゴリをクリックすると、そこに移動します。カテゴリコンテナ内の他の場所をクリックすると、親カテゴリのページに移動します。
これは common > header タブに入力します。
<script type="text/discourse-plugin" version="0.8">
const DiscourseURL = require("discourse/lib/url").default;
api.modifyClass("component:categories-and-latest-topics", {
pluginId: "clickable-category-boxes",
click(event) {
const target = event.target;
const categoryContainer = target.closest("[data-category-id]");
if (!categoryContainer) {
return;
}
const isSubcategoryLink = target.closest(".badge-wrapper");
if (isSubcategoryLink) {
return;
}
const categoryLink = categoryContainer.querySelector(
".category-title-link"
);
const categoryURL = categoryLink.href;
DiscourseURL.routeTo(categoryURL);
},
});
</script>
これは common > CSS タブに入力します。
.category-list [data-category-id] {
cursor: pointer;
}