# 더 나은 레이아웃 만들기

**URL:** https://meta.discourse.org/t/creating-a-nicer-layout/200681
**Category:** Support
**Created:** [8월 17, 2021, 6:47오전 UTC](https://meta.discourse.org/t/creating-a-nicer-layout/200681 "2021-08-17T06:47:03Z")
**Posts on this page:** 1
**Showing post:** 3

<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: [8월 17, 2021, 10:47오후 UTC](https://meta.discourse.org/t/creating-a-nicer-layout/200681/3 "2021-08-17T22:47:14Z")

</div>

이 레이아웃은 커스텀 Handlebars 템플릿과 CSS를 사용합니다. 자세한 내용은 이 주제에서 확인하실 수 있습니다:

> [@카테고리 배너를 추가하는 방법은?](https://meta.discourse.org/t/how-do-i-add-category-banners/136898/10?u=nolo):
>
> So now I have got it fixed for my self at least So first of all download this file [discourse-misc-html-css (2).zip](https://meta.discourse.org/uploads/short-url/nyEFxTT01syXreTir6NaY9FQKai.zip) (2.5 KB) So if you are not sure how to add that file to your site then check this guide out first So in the Misc/HTML+CSS Common and then in CSS You have to tweak some settings So first you need to copy this line &.fivem \> .category-list { &:before { content: 'FiveM'; } background-image…

새로운 템플릿을 추가하지 않고도 이를 달성할 수 있습니다. 관리자 설정에서 `고정된 카테고리 위치(fixed category positions)`를 사용해야 하며, 그런 다음 CSS로 공백과 배너 스타일을 추가하면 됩니다. 이 접근 방식은 여기에 게시했습니다:

> [@카테고리를 제목이 있는 섹션으로 나누는 방법?](https://meta.discourse.org/t/how-to-split-the-categories-into-sections-with-titles/199494/2?u=nolo):
>
> You can select categories with their ids and inject your title texts before, e.g.: body [data-category-id="1"]:before { content: "Projects"; } Alternatively, you could use this new component, it comes with backend settings to add category sections: [https://github.com/jordanvidrine/discourse-category-group-boxes](https://github.com/jordanvidrine/discourse-category-group-boxes)

---

_[View the full topic](https://meta.discourse.org/t/creating-a-nicer-layout/200681)._