# 사이드바 활성화 및 기본 라이트 테마 만들기

**URL:** https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085
**Category:** Support
**Tags:** sidebar
**Created:** [2월 23, 2023, 5:36오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085 "2023-02-23T17:36:40Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)
#### Post date: [2월 23, 2023, 5:36오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/1 "2023-02-23T17:36:40Z")

</div>

안녕하세요. Discourse 3.0으로 업그레이드하는 과정에서 문제가 생겨 새로 설치하고 백업을 불러와야 했습니다. 그 사이에 Discourse 3.0의 이쁘고 멋진 새 테마를 발견했어요. 이 테마를 활성화하고 기본 테마로 설정하려면 어떻게 해야 하나요? 새로운 기능들까지 모두 포함해서요.

어디서도 이 정보를 찾을 수가 없네요.. 검색도 해보고, 릴리스 노트도 읽고, 이것저것 다 찾아봤는데 언급된 곳이 없었어요. 혹시 제가 놓친 건지, 그냥 이미 있는 건지 모르겠네요.. 😑

제가 말하는 건.. 좌측과 우측에 있는 이 새로운 컴포넌트들인데.. 정말 멋져요

---

<div class="post-metadata">

### Author: ![Timelord](https://avatars.discourse-cdn.com/v4/letter/t/ba9def/32.png) [@Timelord](https://meta.discourse.org/u/Timelord)
#### Post date: [2월 23, 2023, 9:16오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/2 "2023-02-23T21:16:58Z")

</div>

제가 찾던 바로 그것이 아닐까 싶습니다. 특히 측면의 컴포넌트에 대해 말씀하신 것 같습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/3/6/8363d93e71a3428c4482e6ea366f9ece6878aa47.png)

---

<div class="post-metadata">

### Author: ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)
#### Post date: [2월 23, 2023, 9:23오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/3 "2023-02-23T21:23:19Z")

</div>

음, 그거 정말 멋지네요.. 제가 지금 메타 웹사이트에서 쓰고 있는 “라이트” 테마 링크를 찾을 수가 없어요.. 테마 태그에서 링크를 찾을 수 없었네요.. 이상하네요. 그리고 오른쪽에 사이드바를 설정하는 방법이 뭔지도 혹시 아시나요?

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/0/9/209223614802acea8587a6b3607e8a24c6d78957.png)

그리고 채팅은 어떻게 활성화하나요?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2월 23, 2023, 9:27오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/4 "2023-02-23T21:27:42Z")

</div>

다시 인사드립니다 🙂

채팅을 통해 요청 사항이 더 잘 이해되었습니다.

이것들은 테마나 컴포넌트가 아니라, 새 설치 시 기본적으로 활성화되는 기능입니다.

@Timelord 님이 말씀하신 대로, 관리자 설정에서 사이드바를 활성화해야 합니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/5/c/15cb2aa0f28a21149feac9cadc4ede9493e6d5f4.png)

사이드바가 활성화되어 있을 때만 사용 가능한 구식 옵션이므로, "새로운 알림 메뉴 활성화"가 **비활성화** 되어 있는지 확인하세요.

---

<div class="post-metadata">

### Author: ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)
#### Post date: [2월 23, 2023, 9:31오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/5 "2023-02-23T21:31:36Z")

</div>

좋아, 이제 보였어. 그리고 채팅은 어떻게 활성화하는 거야? 그리고 다시 한번 여쭤볼 건데, “라이트” 테마를 설치하는 방법이 혹시 있을까?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2월 23, 2023, 9:39오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/6 "2023-02-23T21:39:36Z")

</div>

> [@albjeremias](#):
>
> 그리고 채팅은요? 어떻게 활성화하나요?

설정에서 "chat"을 검색해 보셨나요? 첫 번째 검색 결과에 나와 있습니다 🙂

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/e/8/ae84f6245187f689858625ca8360645165581ea2.png)

> [@albjeremias](#):
>
> “light” 테마를 어떻게 설치하나요?

어떤 이유로 인해 테마가 사라진 경우, 여기에서 새 테마를 만들 수 있습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/5/b/85b633f301880be0a841a238f79742d28e3da39d.png)

그런 다음 테마 생성(Create Theme)을 선택하세요:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/0/f/40ffb515aa09601875287e66e7c6183a33b2eb40.png)

그리고 Light 팔레트를 사용하세요(기본값으로 설정되어 있어야 합니다):

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/2/c720a8867c34aabc26837f5590a1144867438c81.png)

---

<div class="post-metadata">

### Author: ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)
#### Post date: [2월 24, 2023, 12:43오전 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/7 "2023-02-24T00:43:07Z")

</div>

전체 폭으로 설정하는 건 어떻게 하나요? 간단한 방법이 있을까요? 여기서 옵션으로 제공되는 것을 봤거든요.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2월 24, 2023, 10:20오전 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/8 "2023-02-24T10:20:48Z")

</div>

만약 "전체 너비"가 포럼의 콘텐츠가 화면에서 더 넓은 너비를 차지하도록 확대하는 것을 의미한다면, CSS에 다음을 추가해야 합니다:

> [@How to increase width of topic](https://meta.discourse.org/t/how-to-increase-width-of-topic/81885/7?u=canapin):
>
> Good news, this is the case now. In a theme the content width of a topic can be increased with a little CSS: :root { --topic-body-width: 1000px; } That’s it! no overlap. Note that the max-width is still constrained by Discourse’s overall max-width, so if you want to go to an extreme and do something like: :root { --topic-body-width: 2000px; } you’ll also need to increase --d-max-width, which defaults to 1110px :root { --d-max-width: 3000px; --topic-body-width: 2000px; }

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/7/2/172d6356bb8409949e60c80b7cb572a949ab9670.png)

다만 사이트 전체를 전체 너비로 설정하는 것이 항상 좋은 것은 아니며, 콘텐츠에 따라 다릅니다. 🙂

---

<div class="post-metadata">

### Author: ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)
#### Post date: [2월 24, 2023, 6:13오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/9 "2023-02-24T18:13:20Z")

</div>

> [@How to increase width of topic](#):
>
> :root { --topic-body-width: 1000px; }

저한테는 안 먹혔어요… 하지만 괜찮아요. 지역 CSS 개발자와 이야기해볼게요 😛 메타 테마가 출시되었나요? 어디서 구할 수 있을까요?  
어쨌든 이 새 버전을 정말 즐기고 있어요. 멋져요. 훌륭한 작업에 감사드립니다! 🥰

그리고 팁 하나:  
fennec(fdroid의 오픈소스 브라우저)을 사용하면 discourse 설치 웹페이지를 "설치"할 수 있습니다. 이렇게 하면 discourse 웹페이지가 앱으로 만들어지는데, 새 버전이 매우 반응형(responsive)이라 아주 좋은 안드로이드 앱처럼 작동합니다. 알림도 활성화할 수 있어요 😉 🫠 🥳

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2월 24, 2023, 6:53오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/10 "2023-02-24T18:53:37Z")

</div>

이것은 실험적 테마 컴포넌트이며, 다음 링크에서 설치할 수 있습니다:

> **[GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width](https://github.com/discourse/discourse-full-width-component)**
>
> Make Discourse occupy the full browser width

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [3월 26, 2023, 6:53오후 UTC](https://meta.discourse.org/t/how-to-enable-the-sidebar-and-create-a-default-light-theme/256085/11 "2023-03-26T18:53:51Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
