태그 페이지에 전통적인(ish) 반응형 태그 '클라우드’를 추가하고, 탐색의 편의를 위해 발견 목록(Discovery List) 상단에 선택적으로 표시합니다. 태그들은 자동으로 클라우드 형태로 배치되며, 각 태그의 상대적 크기는 사용 빈도를 나타냅니다.
아직 Discourse 태그에 대해 잘 모르시나요? 먼저 여기로 가보세요: Discourse 태그
참고: 현재는 잠재적으로 작은 터치 타겟 문제 때문에 의도적으로 데스크톱 (및 태블릿) 전용 으로 설정되어 있습니다.
설정
홈페이지의 태그 클라우드는 기본적으로 꺼져 있습니다.
단어 스케일과 캔버스 높이를 조정하여 더 컴팩트하게 만들 수 있습니다. 향후 릴리스에서 접기 기능을 추가할 수 있습니다.
색상 설정을 조정하여 단색(monochrome)으로 만들 수 있습니다.
참고: 그룹별로 태그 나열 설정이 켜져 있으면, 해당 컴포넌트는 그룹을 탐색하여 임베드된 태그를 추가해야 합니다.
동작 확인
라이브 데모: https://starzen.space/tags
알려진 문제
클라우드가 충분히 크지 않거나 태그 스케일이 충분히 작지 않으면, 일부 태그가 임의로 누락될 수 있습니다. 실험해 보세요.
잠재적으로 작은 터치 타겟 때문에 모바일에서는 활성화되지 않습니다. 태블릿에서 사용할 경우 설정을 신중하게 고려하세요. 향후 태블릿에서 비활성화할 수 있는 방법을 제공할 수 있습니다.
자동화된 다크 모드 지원이 없습니다. 기본 색상 스키명은 중립적으로 선택되어 라이트 테마와 다크 테마 모두에서 작동하도록 설계되었습니다. 색상 설정을 조정하여 전체를 흰색이나 검은색 계열로 만들 수 있습니다. 다크 모드를 위해 두 개를 설치하고 다르게 설정하는 것도 가능합니다. 여기에 자동화를 추가하는 것에 대해 생각해 봐야 합니다.
애니메이션이 활성화되어 있고 단어를 빠르게 넘기면 단어가 축소됩니다. 마우스 아웃 애니메이션에 충분한 시간을 주지 않기 때문에 피할 수 없는 것 같습니다. 따라서 설정에서 애니메이션을 비활성화할 수 있는 방법을 제공합니다.
크레딧
유사한 프로젝트
이 프로젝트가 마음에 드신다면 이것도 좋아하실 수 있습니다:
참고: content security policy script src 설정에 업로드 폴더를 포함해야 합니다.
19개의 좋아요
단어의 크기는 태그로 사용된 횟수에 따라 달라질까요?
맞아요. 원 포스터에게 이 부분을 추가해야겠습니다
th21
2월 13, 2022, 6:47오후
4
'https://{{some url}}.js' 스크립트를 로드하는 것이 거부되었습니다. 다음 Content Security Policy 지시문: "script-src"을 위반했기 때문입니다.라는 오류 메시지와 'script-src-elem'이 명시적으로 설정되지 않았으므로 'script-src'가 폴백으로 사용됩니다.라는 노트를 확인했습니다.
업로드 폴더에서 스크립트를 사용할 수 있도록 사이트에 권한을 부여하지 않은 것 같습니다.
아래와 같은 항목이 필요합니다:
(자체 도메인으로 설정하세요.)
1개의 좋아요
th21
2월 13, 2022, 7:15오후
6
감사합니다. 그리고 태그 그룹이 존재할 때만 "Other Tags"에서 태그를 조회한다는 사실을 발견했습니다.
아, 흥미롭네요. 피드백 감사합니다. 태그 그룹 없이만 테스트해 봤어요. 나중에 한번 확인해 보겠습니다…
방금 이 문제를 확인해 보았습니다.
새 태그 그룹을 생성했습니다.
기존 태그를 해당 그룹에 추가했습니다.
프론트 페이지를 새로고침했습니다.
태그가 여전히 클라우드에 표시되었습니다.
따라서 해당 문제를 재현할 수 없습니다. 재현 단계를 자세히 제공해 주십시오.
이 태그 클라우드가 포럼에서 가장 많이 사용된 단어들을 나타내는 건가요? 트위터의 트렌딩 토픽처럼요?
아니요, 이것은 말 그대로 Discourse 태그 의 구름입니다. 하지만 저는 다음을 만들기도 했습니다: Word Cloud plugin (참고로 원문에 링크되어 있습니다). 이쪽이 말씀하시는 내용과 더 비슷해 보이진 않나요?
1개의 좋아요
트위터의 트렌딩 토픽과 비슷한 기능이 있을까요? 하루 동안 가장 인기 있는 주제(토픽에 입력된) 같은 것 말이죠.
코어 Discourse에는 이미 해당 기능이 있으며, Top 목록이라고 불립니다:
번역이 잘못 나온 것 같아요. 제가 말한 건 '오늘 가장 많이 인용된 단어’였는데, 예를 들어 Queijo, Carne, The Weeknd, Xtina, American Idol 같은 거요.
[image]
1개의 좋아요
워드 클라우드 플러그인이 아마 가장 유사할 텐데, 아직 시간 차원이 없고 포럼 전체(또는 선택된 카테고리)의 집계된 통계를 기반으로 합니다.
대단합니다! 저는 항상 Discourse에 태그 클라우드를 갖고 싶었기 때문에 이 테마 컴포넌트가 사용 가능하다는 소식을 듣고 정말 기쁩니다. 좋은 작업이네요!
CSP 관련 문제는 좀 이상합니다. 저도 동일한 오류를 겪었는데, 결국 오류 메시지에 지정된 경로를 추가했을 때만 제대로 작동했습니다. 해당 경로는 다음과 같았습니다:
https://SITEURL/uploads/default/original/1X/
1개의 좋아요
th21
2월 15, 2022, 8:51오후
16
소스 코드를 확인해 보니 computed tags property 는 tags.json 에 있는 태그 그룹만 반환하고, 나머지는 extras.tag_groups에 있는 것을 알게 되었습니다. 하지만 이 문제를 어떻게 수정해야 하는지 도저히 알 수가 없었습니다.
1개의 좋아요
시도해 주셔서 감사합니다. 다만, 문제를 수정하려면 프론트엔드에서 일반 사용자처럼 재현할 수 있는 구체적인 단계를 제공해 주시면 훨씬 도움이 됩니다. 현재로서는 문제를 확인할 수 없기 때문입니다.
th21
2월 15, 2022, 9:00오후
18
컴포넌트를 설치한 후 /tags 페이지로 갔더니, 그룹이 할당되지 않은 태그만 클라우드에 표시되고 있습니다.
업데이트: 죄송합니다. 그룹별 태그 목록 옵션이 활성화되어 있다는 점을 언급하는 것을 잊었습니다. 이 옵션을 활성화한 지 꽤 시간이 지나서 기본값이 꺼져 있다는 사실을 잊고 있었습니다.
1개의 좋아요
재현할 수 있습니다. 그룹별로 나열된 태그 설정을 활성화하면 태그 클라우드에 그룹화되지 않은 태그만 표시됩니다.
이 과정에서 다음 오류도 발생하고 있습니다.
Slow down, too many requests from this IP address.
Please retry again in 3 seconds.
Error code: ip_10_secs_limit.
3개의 좋아요
고맙습니다. 그 덕분에 많은 시간을 절약할 수 있었을 텐데요.
이 문제를 조사할 시간이 날 때까지 알려진 문제로 등록해 두겠습니다. (완료)