# 토픽 카드

**URL:** https://meta.discourse.org/t/topic-cards/296048
**Category:** Theme component
**Tags:** official, topic-cards
**Created:** [2월 20, 2024, 12:04오후 UTC](https://meta.discourse.org/t/topic-cards/296048 "2024-02-20T12:04:45Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [6월 26, 2024, 12:08오후 UTC](https://meta.discourse.org/t/topic-cards/296048/42 "2024-06-26T12:08:14Z")

</div>

추가 아이콘과, 게시 날짜를 제거하고 이미지의 오른쪽 모서리를 둥글게 만들며 반지름을 줄이는 데 필요한 추가 CSS를 적용한 토픽 카드입니다. 또한 @traceymoko님의 CSS를 추가하여, 서로 다른 종횡비 비율을 가진 이미지의 세로 정렬을 더 잘 처리하도록 했습니다. 전체 조합이 정말 멋지고 정보 전달에도 효과적입니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/7/a/37a6edca88dd6a80bd6b24a6fc20c335aa3b3c92.jpeg)

 ![Screenshot_20240626-140757](https://global.discourse-cdn.com/meta/original/4X/e/5/f/e5f4dfd807c63136865b3090e7872aed6a2f152f.jpeg)

이제 토픽에 이미지가 없는 경우 카테고리 이미지를 추가하는 것이 얼마나 실현 가능한지 주변에 물어보고 있습니다.

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [6월 26, 2024, 2:08오후 UTC](https://meta.discourse.org/t/topic-cards/296048/43 "2024-06-26T14:08:44Z")

</div>

조회수, 날짜 및 답변 수는 이 컴포넌트의 현실적인 요소인가요?

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [6월 26, 2024, 2:15오후 UTC](https://meta.discourse.org/t/topic-cards/296048/44 "2024-06-26T14:15:51Z")

</div>

아직은 아니지만, [Add icons for Views and Replies, and Last Activity date in Topic Cards](https://meta.discourse.org/t/add-icons-for-views-and-replies-and-last-activity-date-in-topic-cards/312505) 를 참고해 주세요.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 11, 2024, 3:17오전 UTC](https://meta.discourse.org/t/topic-cards/296048/45 "2024-07-11T03:17:15Z")

</div>

카드의 기본 높이에 관해: [이 커밋](https://github.com/discourse/discourse-topic-cards/pull/14)이 일부 문제를 해결해야 합니다. @icaria36의 제안에 따라 높이를 275px로 증가시켰으며, 이는 데스크톱에만 적용됩니다.

또한 max-height를 완전히 해제할 수 있는 설정을 추가했는데, 대부분의 경우 카드가 대부분의 이미지를 수용할 수 있도록 확장되므로 잘 작동할 것입니다. 그리고 다른 max-height를 선택할 수 있는 설정도 추가했습니다.

이 추가 사항이 도움이 되기를 바랍니다!

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [7월 23, 2024, 4:55오후 UTC](https://meta.discourse.org/t/topic-cards/296048/46 "2024-07-23T16:55:17Z")

</div>

![이 이미지는 부동산 웹사이트 또는 애플리케이션의 스크린샷으로 보이며, 사진, 설명, 위치, 면적, 가격 등의 세부 정보를 포함하여 임대 또는 매물로 나와 있는 아파트나 주택의 목록을 보여줍니다. (AI가 생성한 캡션)](https://global.discourse-cdn.com/meta/original/4X/2/3/1/231b544910c47322a08357fa0b01e320b096da3f.jpeg)  
[Airtheme](https://meta.discourse.org/t/air-theme/197703) 테마를 사용 중입니다.

1. 사용자 영역(User area)을 어떻게 숨길 수 있을까요? [Hide Users Column](https://meta.discourse.org/t/hide-users-column/143506) 테마 컴포넌트가 적용되지 않습니다!

2. 활동(Activity) 열을 어떻게 숨길 수 있을까요? 현재 중복으로 표시되고 있습니다.  

3. 썸네일 비율을 16:9로 설정하는 방법은?  

감사합니다!

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [7월 24, 2024, 9:14오전 UTC](https://meta.discourse.org/t/topic-cards/296048/47 "2024-07-24T09:14:15Z")

</div>

사용자 테마를 숨기는 컴포넌트가 충돌을 일으키고 있을 수 있습니다.

[이 테마 컴포넌트](https://github.com/communiteq/discourse-topic-cards-extra-css)를 topic-cards와 함께 사용하여 활동 및 사용자 이름을 숨겨보세요.

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [7월 25, 2024, 5:07오후 UTC](https://meta.discourse.org/t/topic-cards/296048/48 "2024-07-25T17:07:18Z")

</div>

> [@RGJ](#):
>
> 활동과 사용자 이름을 숨기려면 [이 테마 컴포넌트](https://github.com/communiteq/discourse-topic-cards-extra-css)를 topic-cards와 함께 사용해 보세요.

테마 컴포넌트 감사합니다. 하지만 제 사이트에서는 작동하지 않습니다.

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

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [9월 2, 2024, 12:43오전 UTC](https://meta.discourse.org/t/topic-cards/296048/49 "2024-09-02T00:43:23Z")

</div>

데스크톱과 모바일 인터페이스 모두에서 16:9 비율로 섬네일을 표시하는 방법은 무엇인가요?  
현재 16:9 비율은 모바일 인터페이스에서만 표시됩니다.

 ![Screenshot_20240902_073859_Chrome](https://global.discourse-cdn.com/meta/original/4X/1/4/3/14300c79f9485e204b56abdf24834103bf2c593c.jpeg)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/8/2/1/821ffca84b68cf02aac88c53f66d1bcb74efd94e.jpeg)

---

<div class="post-metadata">

### Author: ![kywalker](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kywalker/32/453677_2.png) [@kywalker](https://meta.discourse.org/u/kywalker)
#### Post date: [10월 6, 2024, 2:59오후 UTC](https://meta.discourse.org/t/topic-cards/296048/50 "2024-10-06T14:59:08Z")

</div>

안녕하세요, Discourse 기반 커뮤니티 구축은 처음입니다. 전문 협회를 위한 커뮤니티를 만들고 있습니다. 주제 카드에서 사용자 이름 대신 이름과 성이 표시되도록 설정하고 싶은데, 가능할까요?

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [10월 6, 2024, 9:16오후 UTC](https://meta.discourse.org/t/topic-cards/296048/51 "2024-10-06T21:16:37Z")

</div>

사이트 설정에 따라 달라져야 한다고 생각합니다. 테스트할 수 있는 인스턴스가 설정되어 있다면 확인해 보세요. 그렇지 않다면, 그렇게 보이도록 추가적인 CSS를 사용해야 할 수도 있습니다.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [10월 6, 2024, 9:26오후 UTC](https://meta.discourse.org/t/topic-cards/296048/52 "2024-10-06T21:26:11Z")

</div>

현재는 사용자 이름이 사용되며, 이를 변경할 수 있는 설정은 없는 것 같습니다.  
[https://github.com/discourse/discourse-topic-cards/blob/main/javascripts/discourse/templates/topic-op.hbr#L5](https://github.com/discourse/discourse-topic-cards/blob/main/javascripts/discourse/templates/topic-op.hbr#L5)

다만, 컴포넌트 내 설정을 추가하거나 `prioritize username in ux` 사이트 설정을 활용하여 이 기능을 구현할 수 있을 것입니다.

---

<div class="post-metadata">

### Author: ![kywalker](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kywalker/32/453677_2.png) [@kywalker](https://meta.discourse.org/u/kywalker)
#### Post date: [10월 7, 2024, 9:11오전 UTC](https://meta.discourse.org/t/topic-cards/296048/53 "2024-10-07T09:11:50Z")

</div>

안타깝게도 `prioritize username in ux` 사이트 설정을 변경해도 카드에 여전히 사용자 이름이 표시됩니다. 커스텀 컴포넌트를 추가하여 조정할 수 있는 방법이 있을까요?

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

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [11월 1, 2024, 1:14오후 UTC](https://meta.discourse.org/t/topic-cards/296048/54 "2024-11-01T13:14:58Z")

</div>

토픽 카드에 고정된 토픽만 표시되도록 할 수 있을까요?

---

<div class="post-metadata">

### Author: ![JBM](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jbm/32/279154_2.png) [@JBM](https://meta.discourse.org/u/JBM)
#### Post date: [11월 15, 2024, 11:16오전 UTC](https://meta.discourse.org/t/topic-cards/296048/55 "2024-11-15T11:16:33Z")

</div>

훌륭한 컴포넌트를 만들어 주셔서 감사합니다.

제 설치 환경에서 이상한 현상이 발생하고 있습니다:

👉 예를 들어 카테고리를 클릭하면:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/9/7/497f1d18e5e4e6e8ed50be10ec1de68af2c3e5b7.png)

👉 이미지와 적절한 표시 없이 다소 **압축된 형식으로** 해당 주제들이 표시됩니다:

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

👉 **페이지를 새로고침해야** 비로소 제대로 된 표시가 됩니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/9/6/b96e2d2cf52869083d462bd7685aa4bb0b29b5f5.png)

여러 브라우저에서 모두 이 같은 문제가 발생합니다.

이러한 현상의 원인이 될 수 있는 것이 무엇인지 혹시 아시는 분 계신가요?

감사합니다 🙏

---

<div class="post-metadata">

### Author: ![JBM](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jbm/32/279154_2.png) [@JBM](https://meta.discourse.org/u/JBM)
#### Post date: [11월 15, 2024, 10:35오후 UTC](https://meta.discourse.org/t/topic-cards/296048/56 "2024-11-15T22:35:30Z")

</div>

오, 충돌 원인을 찾았어요!!

“사용자 열감추기” 설정과 충돌이 발생합니다. 비활성화해야 해요.

사실… 👇

> [@Discourse](#):
>
> 이 테마 구성 요소는 주제 목록의 다른 사용자 지정 설정과 충돌을 일으킬 수 있습니다.

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [12월 9, 2024, 3:46오전 UTC](https://meta.discourse.org/t/topic-cards/296048/57 "2024-12-09T03:46:09Z")

</div>

누락된 기능 중 하나는 최신 활동이나 가장 많이 조회된 주제를 시각화할 수 있는 필터입니다. 이 기능이 가능한가요?

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/4X/3/0/f/30f3ff1bbf147bcb14585258cff311f9f7ed2168.png)

---

<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: [12월 9, 2024, 12:37오후 UTC](https://meta.discourse.org/t/topic-cards/296048/58 "2024-12-09T12:37:56Z")

</div>

주제 게시물에는 드롭다운이 여전히 표시되고 있는 스크린샷이 있습니다. 이 문제를 유발하는 사용자 지정 설정이 있으신가요?

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [12월 9, 2024, 8:25오후 UTC](https://meta.discourse.org/t/topic-cards/296048/59 "2024-12-09T20:25:32Z")

</div>

정말 모르겠어요! o.O 저는 이 컴포넌트만 사용해 토픽 목록을 변경하고 있어요.

---

<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: [12월 9, 2024, 11:52오후 UTC](https://meta.discourse.org/t/topic-cards/296048/60 "2024-12-09T23:52:48Z")

</div>

Theme Creator에서 이 컴포넌트를 테스트해 봤는데, ‘최신’, ‘인기’ 등의 드롭다운이 여전히 보입니다.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [12월 10, 2024, 8:38오전 UTC](https://meta.discourse.org/t/topic-cards/296048/61 "2024-12-10T08:38:45Z")

</div>

하지만 활동, 조회 수, 답글 순서로 정렬할 수 있는 클릭 가능한 표 헤더는 표시되지 않잖아요? 그리고 @eisammy 님이 요청하신 것이 바로 그것이라고 생각합니다. 적어도 스크린샷에는 표시되어 있거든요.

[Previous page](https://meta.discourse.org/t/topic-cards/296048.md?page=2)

[Next page](https://meta.discourse.org/t/topic-cards/296048.md?page=4)
