# Discourse용 Reddit 스타일 테마

**URL:** https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466
**Category:** Theme
**Created:** [6월 23, 2023, 10:06오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466 "2023-06-23T22:06:39Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Thien\_Nguyen\_Ngoc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thien_nguyen_ngoc/32/316503_2.png) [@Thien\_Nguyen\_Ngoc](https://meta.discourse.org/u/Thien_Nguyen_Ngoc)
#### Post date: [9월 18, 2023, 3:17오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/42 "2023-09-18T03:17:51Z")

</div>

혹시 이거 도와줄 수 있는 분 계신가요? 🥲 정말 감사할 것 같아요

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9월 18, 2023, 4:24오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/43 "2023-09-18T04:24:49Z")

</div>

> [@spd](#):
>
> 문제는 - 제 모든 사용자들도 기본 홈페이지를 '카테고리’로 설정해 두었는가 하는 것입니다.

질문자님의 기본 홈페이지 옵션을 '카테고리’로 변경하셨다고 가정합니다. 사용자가 기본 홈페이지 옵션을 명시적으로 설정하지 않은 경우, 해당 사용자의 홈페이지는 `top menu` 사이트 설정에 따라 지정된 홈페이지가 됩니다.

사이트의 Rails 콘솔에 접근할 수 있다면, 모든 사용자의 기본 홈페이지 설정을 초기화하여 `top menu` 설정에 기반하도록 설정할 수 있습니다. 이를 위해 Rails 콘솔에 들어가서 다음을 실행하세요:

```plaintext
UserOption.update_all(homepage_id: nil)

```

이 명령을 실행하는 것에 대해 확신이 없다면, 그냥 실행하지 않는 것이 좋습니다. 대부분의 사용자, 또는 모든 사용자의 기본 홈페이지가 이미 '최신(Latest)'으로 설정되어 있을 가능성이 높기 때문입니다.

---

<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: [9월 20, 2023, 4:00오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/44 "2023-09-20T16:00:52Z")

</div>

해당 두 가지 문제를 해결하기 위해 테마를 업데이트했습니다:

> [@Steve\_Emerson](#):
>
> @awesomer 님, 이 테마를 사용할 때 카테고리를 추가하는 방법을 찾지 못하겠습니다. 카테고리 섹션으로 가봐도 옵션이 없어서, 임시로 테마를 변경해서 새 카테고리를 추가한 뒤 다시 원래 테마로 되돌렸습니다.

테마를 개발하는 동안 임시로 제거해 두었다가 다시 추가하는 것을 잊었을 수 있습니다 — 업데이트 후 다시 표시될 것입니다.

> [@Thien\_Nguyen\_Ngoc](#):
>
> 모바일 뷰에서 문제가 있습니다. 사이트(홈페이지) 하단까지 스크롤해도 새로운 주제가 더 로드되지 않았습니다. 특정 카테고리로 가면 정상적으로 작동했지만, 홈페이지(혼합 카테고리)에서는 그러지 않았습니다.

이 문제는 홈페이지에 표시되는 “최근 주제” 목록으로 인해 발생했습니다. 더 많은 주제를 로드하기 위해 페이지 하단의 특정 클래스를 확인하는데, 사이드바에 이 클래스가 페이지의 더 위쪽에 포함되어 있어 ‘더 보기’ 로딩 동작을 방해하고 있었습니다. 이 사이드바 항목들의 클래스를 변경하면 문제가 해결됩니다.

버그 리포트 감사합니다, 모두!

---

<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: [9월 20, 2023, 4:17오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/45 "2023-09-20T16:17:31Z")

</div>

어떤 네비게이션 메뉴 사이드바 항목과 클래스를 말씀하시나요? 관련 테마 컴포넌트에 영향을 미칠지 확인하고 싶습니다.

---

<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: [9월 20, 2023, 4:20오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/46 "2023-09-20T16:20:40Z")

</div>

이전에는 사이드바 템플릿에서 `{{topic-list-item topic=topic}}`를 사용했는데, 이 코드는 `topic-list-item` 클래스를 가진 `tr` 요소를 생성합니다. 사이드바에서 해당 클래스를 제거하니 문제가 해결되었습니다.

---

<div class="post-metadata">

### Author: ![R2BB1T](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/r2bb1t/32/333470_2.png) [@R2BB1T](https://meta.discourse.org/u/R2BB1T)
#### Post date: [10월 16, 2023, 2:36오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/47 "2023-10-16T14:36:37Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/9/f/8/9f82c7e6401754217b3d4884be7288fe36fe7955.png)  
다른 언어로 번역하는 방법을 알려주세요

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [11월 21, 2023, 8:07오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/48 "2023-11-21T08:07:03Z")

</div>

좋은 테마네요. 🙂

> [@awesomerobot](#):
>
> 업/다운 보팅은 없지만, 관심이 있다면 [Discourse Topic Voting](https://meta.discourse.org/t/discourse-topic-voting/40121) 및 [Discourse Post Voting](https://meta.discourse.org/t/discourse-post-voting/227808)와 어떻게 통합할 수 있는지 살펴볼 수 있습니다.

관심이 있다는 것을 분명히 말씀드리고 싶어요. 👍 👍

---

<div class="post-metadata">

### Author: ![Heather13](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather13/32/203449_2.png) [@Heather13](https://meta.discourse.org/u/Heather13)
#### Post date: [5월 27, 2024, 9:37오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/49 "2024-05-27T21:37:54Z")

</div>

이 테마를 정말 좋아하지만, 토픽 카드 하단의 답글 수 옆에 ‘공유’ 대신 ‘좋아요’ 수를 표시하고 싶습니다. 이를 위한 사용자 정의 CSS는 어떻게 작성해야 하나요?

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [6월 7, 2024, 5:59오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/50 "2024-06-07T05:59:12Z")

</div>

이 테마가 정말 멋집니다! 하지만 2가지 문제를 발견했습니다:

1. 상단 네비게이션 바(채팅 아이콘, 검색 등)에서 일부 아이콘이 나머지에 비해 작고 정렬도 제대로 되어 있지 않습니다.  

2. 토픽 타임라인이 이상해 보입니다: 상자 모양의 직사각형(바가 포함된 상자) 안에 곡선 모서리의 직사각형(바)이 들어간 형태입니다. 바가 포함된 상자도 곡선 모서리로 만들어지는 것이 어떨까요?

---

<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: [6월 7, 2024, 6:14오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/51 "2024-06-07T18:14:41Z")

</div>

이 문제를 보고해 주셔서 감사합니다. 방금 수정 업데이트를 적용했으니 이제 해결되었을 것입니다.

---

<div class="post-metadata">

### Author: ![you\_wu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/you_wu/32/423482_2.png) [@you\_wu](https://meta.discourse.org/u/you_wu)
#### Post date: [6월 11, 2024, 7:43오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/52 "2024-06-11T19:43:39Z")

</div>

저도 같은 문제를 겪고 있는데요, 게시글 영역의 크기를 조정하는 방법을 찾으신 건가요?

---

<div class="post-metadata">

### Author: ![ag411](https://avatars.discourse-cdn.com/v4/letter/a/6a8cbe/32.png) [@ag411](https://meta.discourse.org/u/ag411)
#### Post date: [6월 20, 2024, 8:19오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/54 "2024-06-20T20:19:22Z")

</div>

방금 이 테마를 사용하기 시작했는데, 카테고리 페이지에 있을 때 카테고리 헤더의 a 태그가 카테고리 이름과 정확히 일치하는 슬러그로 설정되어 있는 것을 확인했습니다.

예를 들어, "New Category"라는 카테고리를 만들면 슬러그를 입력하거나 그대로 두어도 사이드바 메뉴를 통해 페이지 자체는 c/new-category/로 접근할 수 있습니다. 하지만 카테고리 페이지에서 카테고리 헤더 이름에 마우스를 올리면 a 태그가 c/New Category로 표시됩니다. 제목과 동일하게 대문자로 시작하고, 단어 사이에 공백이 포함되어 있어 클릭 시 404 오류가 발생합니다. 따라서 new-category라는 슬러그를 추가하더라도 슬러그가 여전히 제목 그대로 표시됩니다.

제가 무언가를 잘못하고 있는 건가요?

---

<div class="post-metadata">

### Author: ![ag411](https://avatars.discourse-cdn.com/v4/letter/a/6a8cbe/32.png) [@ag411](https://meta.discourse.org/u/ag411)
#### Post date: [6월 24, 2024, 5:09오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/55 "2024-06-24T17:09:24Z")

</div>

저는 제 Git 포크를 생성하고 javascripts/discourse/components/custom-category-banner.hbs 및 javascripts/discourse/components/custom-category-banner.js 파일을 업데이트했으며, 제 문제를 해결했습니다.

---

<div class="post-metadata">

### Author: ![Gotchur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gotchur/32/424926_2.png) [@Gotchur](https://meta.discourse.org/u/Gotchur)
#### Post date: [7월 30, 2024, 6:30오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/58 "2024-07-30T18:30:50Z")

</div>

토픽 목록의 공유 모달이 새로운 모달 컴포넌트 API로 전환되지 않았습니다. 이 오류는 메타에서도 발생하고 있습니다.

P.S. @community-moderators 이 게시물을 여기에 올리는 것이 최선인지, 아니면 지원(seupport) 섹션에 올리는 것이 나은지 확실하지 않았습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/5/5/2552fae36f0a645e9fbcb90fb6fb37af8a65f2ff.png)

> [@you\_wu](#):
>
> 저도 같은 문제를 겪고 있는데, 게시 영역 크기를 조정하는 방법을 찾았나요?

grid-template-columns CSS를 오버라이드하여 이 문제를 해결할 수 있습니다. 미디어 쿼리의 크기를 지정해야 하며, 그렇지 않으면 모든 크기가 오버라이드됩니다.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [7월 30, 2024, 6:52오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/59 "2024-07-30T18:52:16Z")

</div>

> [@Gotchur](#):
>
> P.S. @community-moderators는 이 게시물이 여기에 올라가는 것이 가장 좋은지, 아니면 지원 게시판에 올라가는 것이 가장 좋은지 확신이 없었습니다.

이 주제에 게시하는 것이 이 내용에 가장 적합한 장소입니다. 👍 이것은 @awesomerobot의 개인용 테마 중 하나이며 #official 테마가 아니므로, 모든 이슈는 이 주제 내에서만 다뤄야 합니다.

---

<div class="post-metadata">

### Author: ![syedkhairi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syedkhairi/32/438668_2.png) [@syedkhairi](https://meta.discourse.org/u/syedkhairi)
#### Post date: [8월 10, 2024, 3:11오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/63 "2024-08-10T15:11:20Z")

</div>

안녕하세요, 다음을 수정해서 **아바타 플레어** 도 함께 표시되게 하는 방법에 대해 아시는 분 계신가요?

```plaintext
{{avatar topic.posters.0.user imageSize="large"}}

```

현재는 플레어가 표시되지 않습니다. 다른 곳에서는 플레어가 정상적으로 표시되므로, 아바타 컴포넌트를 수정해야 하는 것 같지만 컴포넌트가 어디에서 오는지 모르겠습니다. 루트 컴포넌트인가요?

도움 주시면 감사하겠습니다!

---

<div class="post-metadata">

### Author: ![syedkhairi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syedkhairi/32/438668_2.png) [@syedkhairi](https://meta.discourse.org/u/syedkhairi)
#### Post date: [8월 10, 2024, 7:25오후 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/64 "2024-08-10T19:25:53Z")

</div>

아니에요 - 해결했어요! 우아하진 않지만 동작합니다!

```plaintext
{{#if topic.posters.0.user.flair_url}}
  <img src={{topic.posters.0.user.flair_url}} class="absolute bottom-0 right-0 block size-4" />
{{/if}}

```

---

<div class="post-metadata">

### Author: ![irregular](https://avatars.discourse-cdn.com/v4/letter/i/f9ae1b/32.png) [@irregular](https://meta.discourse.org/u/irregular)
#### Post date: [10월 7, 2024, 6:07오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/65 "2024-10-07T06:07:09Z")

</div>

놀라운 작업이에요!

---

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [10월 17, 2024, 12:43오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/66 "2024-10-17T00:43:41Z")

</div>

이 테마로 커뮤니티를 구축했는데, 1개월 만에 거의 1,000명의 회원이 모였습니다. 감사합니다!

이 테마는 커스터마이징을 통해 멋진 디자인으로 변신할 수 있다고 생각합니다. 예를 들어, 3열 구조를 가진 트위터 레이아웃 같은 디자인이요.

하지만 CSS에서 그리드 대신 플렉스를 사용하면 엉망이 됩니다.

3열을 가운데 정렬하고 동일한 간격으로 배치하는 방법은 무엇일까요? 작은 CSS 수정만으로 이 디자인을 만들 수 있다고 생각합니다. 이 CSS 수정에 대한 팁을 주실 수 있을까요, 친구들?

🙏

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [10월 17, 2024, 1:51오전 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/67 "2024-10-17T01:51:41Z")

</div>

> [@MCATAKCIN](#):
>
> 세 개의 열을 가운데로 정렬하고 균등한 간격을 유지하려면 어떻게 해야 하나요?

세 개의 열 각각에 어떤 섹션이나 콘텐츠를 표시하고 싶으신가요? 다이어그램을 그려 보실 수 있나요?

[이전 페이지](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466.md?page=2)

[다음 페이지](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466.md?page=4)
