브라이언, 안녕하세요! 테마 컴포넌트를 설치하는 방법을 보여주는 영상이 있는지 묻고 계신 건가요? 현재 그런 영상은 없지만, Beginner's guide to using Discourse Themes 에 있는 가이드를 참고해 보시는 것을 추천합니다. 문제 발생 시 도움을 드릴 준비가 되어 있습니다!
샌드박스 환경에서 이러한 설치를 수행할 수 있는 방법이 있을까요? (저는 호스팅 플랜을 이용 중입니다.) 문제가 발생하더라도 라이브 사이트에 영향이 없도록 하고 싶습니다. 먼저 테스트해보고, 문제가 없으면 라이브 사이트에 수정 사항을 적용하고 싶습니다.
기본(불릿) 스타일로 되돌리는 방법에 대한 안내를 찾고 있습니다. 해당 정보를 어디서 찾을 수 있을까요?
기본 불릿 스타일로 되돌리려면 설치할 것이 없습니다.
category_style 관리자 설정을 찾아 "bullet"으로 변경하세요. 이렇게 보일 것입니다:
다음은 단계별 설명입니다:
- 사이트의
/admin으로 이동합니다 - 메뉴에서 SETTINGS(설정)를 선택합니다
- "category style"을 검색합니다
- “category style” 드롭다운 메뉴를 선택하고 "bullet"을 선택합니다 (또는 RESET을 선택하여 기본값인 bullet로 되돌립니다)
위 단계를 완료하면 카테고리 표시되는 모든 곳에서 불릿 스타일을 볼 수 있습니다.
완벽해요, 그 팁들 덕분에 수정이 정말 쉬웠습니다.
별말씀을요! 다른 분들을 위해 위에 첫 번째 게시물에 단계별 설명을 추가해 두었습니다.
방금 이 업데이트를 병합했습니다:
따라서 오늘 이후에 Discourse를 업데이트하면 더 이상 category_style 사이트 설정이 없습니다.
박스/바/없음 스타일을 다시 사용하려면 Category Badge Styles 테마 컴포넌트를 설치할 수 있습니다.
Category Icons 테마 컴포넌트도 이 변경 사항을 지원하도록 업데이트되었으며, Category Badge Styles 컴포넌트와 함께 작동합니다.
그냥 그대로 두면 안 될까요? 큰 사이트에서 사용자가 주제별로 빠르게 구별할 수 있도록 하려면 불릿 스타일은 적합하지 않습니다. 테마 구성 요소가 동일한 유연성을 제공하지 못할까 걱정되고, 시간이 지나면 해당 구성 요소 자체가 비추천(deprecated) 처리될 수도 있습니다.
불릿 스타일과 다른 스타일을 혼합하는 데에는 문제가 없다고 생각합니다. 오히려 포럼이 딱딱하거나 지루해 보이는 것을 방지하는 데 도움이 됩니다:
안녕하세요,
3.2.0.beta4-dev [04a58a6e64]를 테스트 중입니다.
새로운 카테고리를 생성하고 특정 색상을 지정하면, 해당 색상이 의도한 대로 불릿 포인트에 적용되지 않는 것 같습니다. 선택한 색상과 관계없이 불릿은 항상 흰색으로 유지됩니다.
이 문제가 최근 변경 사항과 관련이 있나요?
이 문제를 조사하는 과정에서, 우리가 호스팅하는 사이트의 87%가 기본 스타일을 사용하고 있다는 사실을 발견했습니다.
설정을 제거하는 것은 분명히 어렵지만, 설정을 계속 쌓아두면 시간이 지날수록 Discourse를 설정하는 것이 점점 더 어려워질 것입니다. 이러한 순수한 시각적 변경 사항에 테마를 활용하는 것이 합리적인 절충안으로 보입니다.
대체 카테고리 배지 스타일을 제거하는 과정에서, 이를 테마를 통해 변경하는 방식도 더 유연하게 만들었습니다. 이제 카테고리 색상은 특정 요소에 인라인으로 적용되는 대신 배지의 CSS 내에서 사용 가능합니다. 이전에 다른 스타일을 선택하면 배지의 HTML이 변경되었지만, 이제는 모든 것이 CSS로 처리됩니다.
테마 컴포넌트를 비추천 처리할 계획은 없으며, 덜 인기 있는 테마 컴포넌트조차 수년간 지원해 왔습니다… 따라서 미래에 대해 아무것도 보장할 수는 없지만, 적어도 조금은 안심하시길 바랍니다.
네, 그렇게 보입니다. 이 문제를 수정하기 위해 조사할 것입니다. 새로운 카테고리 배지는 JS를 사용하여 생성된 CSS를 사용하는데, 이 시점에서는 카테고리가 아직 존재하지 않기 때문에… 색상 미리보기에 다른 접근 방식이 필요할 것입니다. 알려주셔서 감사합니다.
다음 업데이트 시 수정됩니다:
이 문제가 제 포럼에서 발생한 회귀(regression)라는 점을 알려드리고자 합니다.
요청하신 대로 테마 구성 요소를 설치했지만, "box"의 DOM이 동일하지 않아 CSS가 완전히 깨져 버렸습니다:
설치 전:
![]()
설치 후:
![]()
테마 구성 요소를 제공해 주셨으니, 이 전환 과정이 순조롭게 진행되길 바랐습니다 ![]()
음, 원래 예상했던 것보다 더 까다로운 문제였네요. 결국 해결되셨나요? 아직 안 되셨다면 여기서 함께 논의해 보거나, 지원 팀에 직접 문의해 보셔도 됩니다.
우리는 커스텀 CSS를 작업해야 했지만, 이제 완료되었습니다
감사합니다
보고해 주셔서 감사합니다! 이 업데이트로 수정될 예정입니다: UX: update category badge variable to match core - Pull Request #3 - discourse/discourse-category-badge-styles - GitHub
빠른 수정 감사합니다, @awesomerobot!
또한 메인 페이지의 .subcategories .badge-category에 작은 회귀(regression) 문제를 발견했습니다.
현재 .badge-category__wrapper .badge-category 내부에서 패딩이 var(--badge-category-padding-v) var(--badge-category-padding-h)로 설정되어 있는데, 이로 인해 이전에는 세로 패딩이 없었던 .subcategories .badge-category에도 영향을 미치고 있습니다.
수정 전:
수정 후:
이것에 대한 몇 가지 추가 조정을 방금 추가했습니다: UX: spacing and alignment adjustments for box mode - Pull Request #4 - discourse/discourse-category-badge-styles - GitHub
감사합니다. 훨씬 더 잘 작동합니다.
최근 변경 사항 때문인지는 모르겠지만, 하위 카테고리가 있는 카테고리에서 "전체"와 “없음” 옵션의 왼쪽 여백이 사라졌습니다:
또한, 기존 주제의 제목을 편집할 때 "태그 (선택 사항)"에서도 동일한 문제가 발생하며, 상위 카테고리가 정렬이 어긋나는 것처럼 보입니다:
또한, 의도적으로 그렇게 된 건지 모르겠지만, 컨텍스트(홈 페이지, 기존 주제 편집, 제목만 편집, 현재 카테고리 변경, 기존 카테고리 목록 스크롤)에 따라 글꼴 크기/세로 패딩이 일관되지 않게 표시되는 것을 확인하고 있습니다.
한 장의 스크린샷으로 포착할 수 있는 것은 전부입니다 (세 창 모두 동일한 확대 수준):










