# 커스텀 카테고리 페이지 스타일을 만드는 가장 좋은 방법은 무엇인가요?

**URL:** <https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575>\
**Category:** Product Support\
**Created:** [7월 31, 2022, 3:36오후 UTC](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575 "2022-07-31T15:36:53Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [7월 31, 2022, 8:09오후 UTC](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575/2 "2022-07-31T20:09:52Z")

</div>

카테고리 목록에 공개된 컴포넌트가 아니라 커스텀 handlebars 템플릿을 사용한 것으로 보입니다.

카테고리 목록의 모양을 다르게 만드는 방법 중 하나는 사이트 설정의 `desktop category page style`에서 원하는 모습에 가장 가까운 기본 스타일을 선택하는 것입니다. 예를 들어 _Subcategories with Featured Topics_를 선택할 수 있습니다:

![Screenshot from 2022-07-31 20-45-55](https://global.discourse-cdn.com/meta/original/4X/e/8/0/e80a6cd7fb37d5d4ac6a002c0da27d478cbaca32.png)

그리고 CSS로 해당 기본 템플릿을 스타일링하면 됩니다.

한편으로는 이 방법이 꽤 단순합니다. 하지만 설정 이름에서 알 수 있듯이, 이는 **데스크톱** 레이아웃에만 영향을 미칩니다. 제 생각에는 현재 기본 모바일 레이아웃은 하나뿐이며, 자체 레이아웃 템플릿을 사용하므로 이 접근 방식의 상당한 제한점이 될 수 있습니다.

또 다른 방법은 실제로 데스크톱과 모바일 모두에 사용할 수 있는 자체 레이아웃을 만드는 것입니다. 컴포넌트에서 이를 설정하는 방법에 대한 예시로 [https://github.com/discourse/discourse-minimal-category-boxes를](https://github.com/discourse/discourse-minimal-category-boxes%EB%A5%BC) 참고해 볼 수 있습니다.

이 방식은 데스크톱과 모바일에서 기본 템플릿 위에 새 템플릿을 삽입하고, CSS로 기존 템플릿을 숨기는 것으로 보입니다. 이것이 실제로 가장 단순하고 권장되는 접근 방식일까요?

---

_[View the full topic](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575)._