카테고리 팔로우 버튼

:discourse2: 요약 Follow Category Button은 카테고리 페이지의 종 아이콘을 사용자 친화적인 “팔로우” 버튼으로 대체합니다
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 저장소 https://github.com/discourse/discourse-follow-category
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: Discourse 테마가 처음이신가요? Discourse 테마 사용 입문가이드

이 테마 컴포넌트 설치

무엇을 하나요?

Follow Category Button 테마 컴포넌트는 카테고리 페이지의 전통적인 종 아이콘을 더 직관적인 “팔로우” 버튼으로 대체합니다.

작동 방식은 다음과 같습니다:

  • 팔로우 버튼: 이제 사용자는 기본 종 아이콘 대신 “팔로우” 버튼을 볼 수 있습니다.

  • 알림 수준 변경: “팔로우” 버튼을 클릭하면 카테고리 알림 수준이 자동으로 "첫 게시물 보기(Watching First Post)"로 변경되어 적절한 기본값을 최적화합니다.

  • 동적 버튼 라벨: 사용자가 카테고리를 팔로우하면 버튼 라벨이 사용자의 알림 상태를 명확히 나타내기 위해 “팔로잉(Following)”으로 업데이트됩니다.

왜 사용해야 하나요?

이 컴포넌트는 버튼 클릭으로 중요한 토론을 팔로우하는 것을 더 명확하고 사용자 친화적으로 만들며, 적절한 기본값을 최적화하여 카테고리와의 사용자 상호작용을 개선하는 것을 목표로 합니다.

설정

번역 기본값
follow_category_button_title 팔로우
category_options.notifications.title 이 카테고리의 알림 수준 변경
category_options.notifications.watching.label 팔로잉
category_options.notifications.watching.title 보기(Watching)
category_options.notifications.watching.description 이 카테고리의 모든 주제를 자동으로 봅니다. 모든 주제에서 새 게시물이 있을 때마다 알림을 받고, 새 답변 수가 표시됩니다.
category_options.notifications.watching_first_post.label 팔로잉
category_options.notifications.watching_first_post.title 첫 게시물 보기(Watching First Post)
category_options.notifications.watching_first_post.description 이 카테고리의 새 주제에 대해 알림을 받지만 주제에 대한 답변에는 알림을 받지 않습니다.
category_options.notifications.tracking.label 팔로잉
category_options.notifications.tracking.title 추적(Tracking)
category_options.notifications.tracking.description 이 카테고리의 모든 주제를 자동으로 추적합니다. 누군가 @이름을 언급하거나 답변을 남기면 알림을 받고, 새 답변 수가 표시됩니다.
category_options.notifications.regular.label 팔로우
category_options.notifications.regular.title 일반(Normal)
category_options.notifications.regular.description 누군가 @이름을 언급하거나 답변을 남기면 알림을 받습니다.
category_options.notifications.muted.label 음소거(Muted)
category_options.notifications.muted.title 음소거(Muted)
category_options.notifications.muted.description 이 카테고리의 새 주제에 대해 어떤 알림도 받지 않으며, 최신 목록에 표시되지 않습니다.

:discourse2: 우리가 호스팅하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

19개의 좋아요

This will work perfectly with user custom feed.
like you show only the posts from the categories you are subscribed to as homepage feed.

2개의 좋아요

Can this be done for tags also?

2개의 좋아요

Please add follow bell on category page.This helps users quickly follow a category, similar to how social networks are doing

1개의 좋아요

Have you already seen this

6개의 좋아요

thank you, I’ve been waiting for this for a long time ^^ really happy that discouse always updates useful features and listens to everyone’s opinions.

3개의 좋아요

To me (if I hadn’t read this post) this Follow button is confusing.

I think it would be more clear if the button text also made reference to what you would be following if you click it – something more like

Follow This Category or Follow the Xyz Category or just Follow Xyz

Or, the button text could be configurable in the settings.

4개의 좋아요

It is. You can change all the strings in the theme translations section

6개의 좋아요

I don’t see the theme translations dropdown, is that not available on 3.2.2 stable?

2개의 좋아요

Probably not. I think it was added in March.

4개의 좋아요

At the moment there is visible buttons from this component, and buttons of Discourse, at same time. I think either is enough, not both :smirking_face:

2개의 좋아요

Yeah, same here. If the component is active, the standard Discourse button should be hidden.

1개의 좋아요

Can we submit a translation for an official theme component?

Didn’t find it on Crowdin, or does it have a different name?

1개의 좋아요

Hi, it seems impossible to select the “Normal” notification state, is it as designed? When selecting normal, I am reverted to “First post tracked”.

When I test this TC on preview the button is not working and I see console log error:

category.js:878 Uncaught TypeError: Cannot read properties of null (reading 'set')
setNotification @ category.js:878
followCategory @ follow-category-button.gjs:37
(anonymous) @ d-button.gjs:136
invoke @ index.js:264
flush @ index.js:180
flush @ index.js:334
_end @ index.js:762
end @ index.js:565
_runExpiredTimers @ index.js:869
setTimeout
setTimeout @ index.js:39
_installTimerTimeout @ index.js:912
_reinstallTimerTimeout @ index.js:896
_later @ index.js:829
later @ index.js:652
T @ index.js:562
_triggerAction @ d-button.gjs:133
click @ d-button.gjs:91