# Discourse 사이드바를 확장하는 방법?

**URL:** https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694
**Category:** Development
**Tags:** sidebar
**Created:** [3월 31, 2024, 12:58오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694 "2024-03-31T00:58:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)
#### Post date: [3월 31, 2024, 12:58오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/1 "2024-03-31T00:58:26Z")

</div>

내장된 사이드바를 확장하는 방법을 보여주는 가이드나 튜토리얼이 여기에 있을까요?

예를 들어, 사이드바 폭을 약간 넓힌 다음 뉴스 섹션에서 최신 5개 주제를 표시하는 식입니다. 아니면 예정된 이벤트를 보여주는 것도 가능할까요?

사이드바가 있는 것은 좋지만, 현재로서는 활용도가 낮습니다. 사이드바를 확장해서 각 Discourse 포럼의 개성을 살리는 데 도움이 되었으면 좋겠습니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [3월 31, 2024, 1:59오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/2 "2024-03-31T01:59:59Z")

</div>

정확히 원하시는 내용은 아니지만, 이 컴포넌트에 관심이 있을 수 있습니다. 사이드바를 확장하는 것이 아니라 오른쪽에 새로운 사이드바를 추가하며, 최신 답변을 볼 수 있습니다.

> [@오른쪽 사이드바 블록](https://meta.discourse.org/t/right-sidebar-blocks/231067):
>
> discourse2요약 Right Sidebar Blocks는 주제 목록 오른쪽에 설정 가능한 블록 목록으로 구성된 사이드바를 표시합니다.eyeglasses미리보기 [Discourse Theme Creator에서 미리보기](https://discourse.theme-creator.io/theme/Discourse/right-sidebar-blocks)hammer_and_wrench저장소 링크 [https://github.com/discourse/discourse-right-sidebar-blocks](https://github.com/discourse/discourse-right-sidebar-blocks)open_bookDiscourse 테마에 처음이신가요? [Discourse 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 이 테마 컴포넌트 설치 기능 이 컴포넌트에는 사이드바에 표시할 수 있는 몇 가지 블록이 포함되어 있습니다: popular-tags top-contributors recent-replies category-topics custom-html category-list subcategory-list upcoming-events-list\* minimal-gamifi…

---

<div class="post-metadata">

### Author: ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)
#### Post date: [3월 31, 2024, 3:08오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/3 "2024-03-31T03:08:56Z")

</div>

@Arkshine 감사합니다. 확인은 했지만, 일반적으로 코어 제품 업그레이드 시 문제가 될 수 있는 대형 플러그인은 피하려고 합니다. (다만, 공식 플러그인이라는 점은 좋은 신호이니 자세히 살펴보겠습니다.)

또한, 왼쪽에 이미 사이드바가 있으므로 오른쪽에 추가 사이드바가 필요한지 잘 모르겠습니다. 현재 채팅 DM이나 채팅룸을 많이 사용하지 않는 한 기존 사이드바가 다소 중복되므로, 기존 사이드바의 폭을 약간 넓히고 내용을 추가하는 쪽이 더 합리적이라고 생각합니다.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [3월 31, 2024, 3:28오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/4 "2024-03-31T03:28:58Z")

</div>

사이드바에서 사용할 수 있는 플러그인 아웃렛이 이제 있으므로, 테마 구성 요소가 이를 사용하여 원하는 결과를 달성할 수 있을 것으로 보입니다.

> [@사이드바 상단의 플러그인 아웃렛](https://meta.discourse.org/t/a-plugin-outlet-on-top-of-the-sidebar/285248/13?u=lilly):
>
> Last week we discussed this some more internally and ended up where the consensus was that there’s no way around adding outlets at the moment — so now we have: before-sidebar-section and after-sidebar-sections available as outlets If the need is to add a custom section of links that mirrors the layout of existing link sections, the recommendation is to still use the API so we can maintain compatibility if the sidebar changes in the future. If this part of Discourse were to change again (no cur…

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [3월 31, 2024, 5:05오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/5 "2024-03-31T05:05:25Z")

</div>

> [@AstonJ](#):
>
> 일반적으로 큰 플러그인은 가끔씩 문제가 될 수 있으므로 피하는 것이 좋습니다.

참고로, 이것은 플러그인이 아니라 테마 컴포넌트일 뿐이므로 업데이트 시 문제가 발생할 가능성이 더 낮을 것입니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3월 31, 2024, 11:03오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/6 "2024-03-31T11:03:42Z")

</div>

개발자 도움이 필요할 수 있지만, 이 기능은 매우 풍부합니다:

> [@Discourse Bars beers cocktail (사이드바 프레임워크)](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216?u=merefield&query=1):
>
> eyeglasses 개요 컴포넌트[[1]](#fn1)를 상단 및 사이드바 위에 레이아웃할 수 있도록 하는 테마 컴포넌트입니다. Route(경로)와 Position(위치)별로 “위젯” 집합을 명확히 지정합니다. discovery[[2]](#fn2), topic(토픽), tag(태그)[[3]](#fn3), category(카테고리)[[3:1]](#fn3), categories(카테고리 목록)[[3:2]](#fn3) 또는 tags-intersection(태그 교차)[[4]](#fn4) 각각에 대한 설정을 지원합니다. "바(Bars)"는 top(상단), left(좌측), right(우측) 또는 대체 우측 위치 중 하나를 사용할 수 있습니다. 각 바는 접기(collapsed) 또는 닫기(dismissed)가 가능합니다 (닫은 상태를 초기화하려면 브라우저를 새로고침해야 합니다). 기본적으로 최소화(minimised) 상태로 설정할 수 있습니다. 공식 사이드바를 처리하지만, Bars의 좌측 사이드바를 사용할 계획이라면 공식 사이드바의 드롭다운(Dropdown) 모드를 사용…

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [3월 31, 2024, 12:55오후 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/7 "2024-03-31T12:55:40Z")

</div>

> [@AstonJ](#):
>
> 하지만 일반적으로 코어 제품 업그레이드 시 문제가 될 수 있는 대형 플러그인은 피하려고 노력합니다.

Discourse는 오픈 소스 코드로 구축되어 있으며, 플러그인과 테마 구성 요소를 통해 코어 기능을 확장하여 자체 포럼의 필요에 맞게 조정할 수 있습니다.

---

<div class="post-metadata">

### Author: ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)
#### Post date: [4월 1, 2024, 2:41오전 UTC](https://meta.discourse.org/t/how-to-extend-the-discourse-sidebar/301694/8 "2024-04-01T02:41:59Z")

</div>

모두 감사합니다.

하단에 iFrame이나 이미지를 추가하는 건 어떨까요? Discourse 테마 작업을 꽤 오래 안 해봤지만, 아마도 충분히 쉬울 것 같은데요?
