이렇게 카테고리 목록에 문제가 있습니다:
구조는 알고 있지만, 큰 ‘뉴스 및 공지사항’ 카테고리를 클릭하는 대신 하위 카테고리 중 하나를 선택하게 됩니다. 하위 카테고리 앞이나 뒤에 헤더를 클릭했을 때와 동일하게 News & Announcements - Fedora Discussion 로 이동하는 ‘전체’ 링크를 쉽게 추가할 방법이 있을까요?
이렇게 카테고리 목록에 문제가 있습니다:
구조는 알고 있지만, 큰 ‘뉴스 및 공지사항’ 카테고리를 클릭하는 대신 하위 카테고리 중 하나를 선택하게 됩니다. 하위 카테고리 앞이나 뒤에 헤더를 클릭했을 때와 동일하게 News & Announcements - Fedora Discussion 로 이동하는 ‘전체’ 링크를 쉽게 추가할 방법이 있을까요?
현재 내 생각은 최상위 레벨에 게시글을 허용하지 않고, 그 아래에 두 번째 레벨의 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;
}