# 첫 번째 답변을 남겨보세요

**URL:** https://meta.discourse.org/t/be-the-first-to-reply/338054
**Category:** Theme component
**Created:** [11월 24, 2024, 1:31오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054 "2024-11-24T13:31:05Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 1:31오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/1 "2024-11-24T13:31:05Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **요약** | 첫 번째 답변을 남겨보세요 |
| 👓 | **미리보기** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/first-reply-statement) |
| 🛠 | **리포지토리** | [GitHub - VaperinaDEV/first-reply-statement: This theme component adds a banner below the OP if there are no reply in the topic. · GitHub](https://github.com/VaperinaDEV/first-reply-statement) |
| ❤ | **도움이 되셨나요?** | [\> ./support --coffee](https://meta.discourse.org/u/don) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스코urs 테마 초보이신가요?** | [디스코urs 테마 사용 입문가 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

이 테마 컴포넌트 설치

안녕하세요 👋

이 테마 컴포넌트는 주제에 답변이 없을 경우 OP(첫 번째 게시글) 아래에 배너를 추가합니다. 이는 답변을 유도하는 데 도움이 될 수 있습니다.

사용자가 답변할 수 없는 경우나 개인 메시지에서는 이 배너가 표시되지 않습니다.

* * *

 ![Screenshot 2024-11-24 at 13.59.53](https://global.discourse-cdn.com/meta/original/4X/a/1/d/a1d104a7d304219172aaae0c0ea0165f2311b47c.png)

커스터마이징을 위한 몇 가지 설정이 있습니다. 사용하려는 내용에 따라 아이콘 또는 이미지를 선택할 수 있습니다. 제목과 설명은 HTML을 지원하며, 이모지도 추가할 수 있습니다.

예를 들어 🔽

제목

```plaintext
Be the first to reply :rocket:

```

설명

```html
No one has replied to this topic yet. <br> <strong>Be the first</strong> to start the conversation.

```

 ![Screenshot 2024-11-24 at 14.10.14](https://global.discourse-cdn.com/meta/original/4X/4/8/a/48a2b2ffa921579b89e24cfedf1e8560de372eca.png)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 2:13오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/2 "2024-11-24T14:13:24Z")

</div>

iPad와 iPhone, Hub와 Safari: 내가 보는 것은 유령뿐입니다. 그런 오류는 찾을 수 없어요.

---

<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: [11월 24, 2024, 2:16오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/3 "2024-11-24T14:16:20Z")

</div>

Theme Creator에서는 잘 작동합니다 🤔 .

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 2:22오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/4 "2024-11-24T14:22:31Z")

</div>

그리고 제 경우, 해당 컴포넌트만 사용 중인 기본 테마에서는 작동하지 않습니다 🤷‍♂️ 물론, 안전 모드에서 플러그인도 비활성화해 볼 수는 있겠네요.

테마 제작자에 대해서는 아무것도 알지 못합니다.

**수정**

안전 모드로 모든 플러그인을 비활성화하니 오히려 포럼이 망가졌습니다. 이런 일들에 가끔 지칠 때가 있네요… 글쎄요, 이번에는 대체 무엇이 문제를 일으키고 있는지 파악해서 해결해야겠어요.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 2:33오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/5 "2024-11-24T14:33:07Z")

</div>

Jagster님, 아이패드에서 확인해 봤는데 제 환경에서는 정상적으로 작동합니다. 무슨 일이 일어나고 있는지 확인하려고 해당 포럼에 가입했습니다. 테마 구성 요소를 활성화해 주실 수 있을까요?

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 2:35오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/6 "2024-11-24T14:35:03Z")

</div>

이제 모든 테마에서 활성화되었습니다.

감사합니다.

---

<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: [11월 24, 2024, 2:42오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/7 "2024-11-24T14:42:17Z")

</div>

여기서는 문제없이 잘 작동합니다. 정말 멋진 작업이네요, Don! 🤩

정말 마음에 듭니다. 공유해 주셔서 감사합니다. 👏

> **desktop**
>
> ![Screenshot 2024-11-24 at 12.59.53 PM](https://global.discourse-cdn.com/meta/original/4X/2/c/7/2c796f285051216e7278236f72553cb397a48793.png)

> **mobile**
>
> ![IMG_2521](https://global.discourse-cdn.com/meta/original/4X/4/4/7/44785f416cb485aa272dc6b933a7d3bcf89ec128.jpeg)

> **그리고 네, 새로고침 없이 답글이 뜨는 즉시 사라집니다**
>
> ![Screenshot 2024-11-24 at 1.05.22 PM](https://global.discourse-cdn.com/meta/original/4X/f/d/4/fd4a404b23ffda3ef7ea62c6b12300148a06ef28.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 2:44오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/8 "2024-11-24T14:44:49Z")

</div>

감사합니다. 수정 사항을 병합했습니다. 컴포넌트를 업데이트해 주세요. 🙂

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 2:47오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/9 "2024-11-24T14:47:58Z")

</div>

정말 훌륭하네요 👍

혹시 무엇을 발견하신 건지 여쭤봐도 될까요? 아마 제가 이해를 못 하는 건지, 아니면 제가 알아야 할 숨겨진 잠재적 문제가 있는 건지 궁금합니다.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 2:52오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/10 "2024-11-24T14:52:56Z")

</div>

기존 Discourse 버전과의 호환성 문제였습니다. 귀하의 사이트는 이 커밋([Commits · discourse/discourse · GitHub](https://github.com/discourse/discourse/commits/719457e430))에 기반하고 있습니다. 이후 이 커밋([DEV: Consolidate i18n import paths (#29804) · discourse/discourse@32665cf · GitHub](https://github.com/discourse/discourse/commit/32665cf9dd26a00b4f95cb43164aa7ccb17f2fa4))에서 `i18n import paths` 관련 업데이트가 이루어졌기 때문에, 제가 새로운 방식을 사용했으므로 텍스트가 표시되지 않는 것입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 2:55오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/11 "2024-11-24T14:55:55Z")

</div>

이미 오프토픽이지만, 그건 그렇게 오래된 세팅은 아니었어요… 며칠 전이었거든요. 코드 고수인 당신에게 유쾌하지는 않겠죠 🤔

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 3:00오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/12 "2024-11-24T15:00:20Z")

</div>

괜찮아요. 제 사이트에서 모든 것을 변경했고, 여기에서도 자동으로 그렇게 처리했어요. 하지만 이제는 모든 버전에서 잘 작동하기 때문에 별도로 변경할 필요가 없었습니다. 신고해 주셔서 감사합니다 👍

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [11월 24, 2024, 3:38오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/13 "2024-11-24T15:38:49Z")

</div>

훌륭한 컴포넌트네요, 감사합니다!

---

<div class="post-metadata">

### Author: ![KhoiUSA](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/khoiusa/32/373010_2.png) [@KhoiUSA](https://meta.discourse.org/u/KhoiUSA)
#### Post date: [11월 24, 2024, 4:00오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/14 "2024-11-24T16:00:21Z")

</div>

정말 멋진데요, 저는 Don의 테마 컴포넌트를 여러 개 문제없이 사용해 봤고, 이 컴포넌트는 제 사이트에 완벽하게 어울릴 것 같아요. 👌

설치 후 결과를 공유하겠습니다.

수정: 최종 결과물입니다! 배경과 색상을 조금 커스텀했는데, 정말 잘 나왔네요. 😃

 ![이 이미지는 유령 아이콘과 "첫 번째로 답글을 남겨보세요"라는 텍스트가 있는 채팅 창 스크린샷입니다. (AI 캡션)](https://global.discourse-cdn.com/meta/original/4X/3/1/1/31155d9eeb1e7535cc42498f3f2ed27eced278c2.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [11월 24, 2024, 5:34오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/15 "2024-11-24T17:34:44Z")

</div>

일부 카테고리를 제외할 수 있으면 좋겠어요. 🙂

---

<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: [11월 24, 2024, 6:03오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/16 "2024-11-24T18:03:50Z")

</div>

> [@patrickemin](#):
>
> 일부 카테고리를 제외합니다. 🙂

쉽게 할 수 있습니다. 공통 - 테마 또는 다른 컴포넌트의 css에서:

```scss
.category-[CATEGORY_SLUG] .first-reply-statement {
    display: none;
}

```

여러 카테고리에 대한 경우, 예:

```scss
$categories: 'vip', 'site-feedback', 'staff';

@each $category in $categories {
  .category-#{$category} .first-reply-statement {
    display: none;
  }
}

```

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 24, 2024, 6:24오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/17 "2024-11-24T18:24:32Z")

</div>

하위 카테고리도 그걸 따라야 할까요 🫣

---

<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: [11월 24, 2024, 6:26오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/18 "2024-11-24T18:26:33Z")

</div>

네, 부모 카테고리를 앞에 붙이고 슬러그만 사용하면 됩니다:

```plaintext
parent-category-name-subcategry-name { 등등...

```

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 24, 2024, 6:47오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/19 "2024-11-24T18:47:08Z")

</div>

좋은 아이디어입니다 🙂

Lilly님의 CSS도 단순히 숨기려는 경우라면 훌륭한 해결책입니다. 하지만 렌더링 자체를 원치 않는다면, 테마 설정 상단에 새로운 설정을 추가했습니다.

 ![Screenshot 2024-11-24 at 19.46.13](https://global.discourse-cdn.com/meta/original/4X/a/c/4/ac4348069d795a38a2c5d8939bcd4242c2794ef0.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [11월 24, 2024, 6:47오후 UTC](https://meta.discourse.org/t/be-the-first-to-reply/338054/20 "2024-11-24T18:47:43Z")

</div>

정말 정말 감사합니다!

[Next page](https://meta.discourse.org/t/be-the-first-to-reply/338054.md?page=2)
