 |
요약 | Horizon의 고컨텍스트 주제 카드에 썸네일 추가 |
 |
저장소 | GitHub - criptonautas/discourse-horizon-topic-thumbnails: Topic thumbnails on Horizon's high context topic cards · GitHub |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
Discourse 테마가 처음이신가요? | Discourse 테마 사용 입문 가이드 |
이 테마 컴포넌트 설치
Horizon을 포크하거나 수정하지 않고 Horizon의 고컨텍스트 주제 카드에 썸네일을 추가합니다. 컴포넌트를 비활성화하거나 제거하면 변경 사항이 완전히 되돌려집니다.
라이브 스크린샷
compact last reply 설정이 활성화된 데스크톱:
이미지가 상단에 배치된 모바일:
기능
- 각 카드의 끝에 주제 이미지를 표시합니다.
- 스마트폰에서는 카드 상단에 배너로 표시합니다.
- 이미지가 없는 주제에 대해서는 플레이스홀더를 유지하여 카드의 균일함을 유지합니다.
- 선택적으로 마지막 답글 배지를 푸터 행으로 이동하여 카드 높이를 줄입니다.
- 화면 크기에 맞는 사이즈를 로드하므로, 주제 목록이 모든 원본 이미지를 다운로드하지 않습니다.
Horizon AI Gists와 함께 작동합니다.
요구 사항
- 고컨텍스트 주제 카드가 활성화된 Horizon
- 사이트 설정
create thumbnails가 활성화된 상태 - Discourse 2026.5.0 이상
공식 Topic List Thumbnails 컴포넌트와 함께 설치하지 마십시오. 필요하지 않으며, 두 컴포넌트가 Horizon의 카드에서 충돌합니다.
설정
| 설정 | 기본값 | |
|---|---|---|
thumbnail_size |
240 |
썸네일 열 너비, 100~400 px |
mobile_thumbnails |
true |
스마트폰에서 배너 표시 |
placeholder_icon |
comments |
이미지가 없는 주제의 아이콘 |
placeholder_background |
없음 | 플레이스홀더 배경 이미지 |
compact_last_reply |
true |
마지막 답글 배지를 이동하여 카드 높이 줄임 |
enabled_categories |
비어있음 | 이 카테고리들만 썸네일 표시; 하위 카테고리는 포함되지 않음 |
알려진 제한 사항
- Horizon의 클래스 및 열 이름에 의존합니다. these이 변경될 경우, 컴포넌트가 업데이트될 때까지 썸네일이 표시되지 않거나 카드의 일부가 이동할 수 있습니다.
- 기존 주제의 경우 배경에서 크기가 생성될 때까지 원본 이미지 또는 플레이스홀더가 표시될 수 있습니다.
Meta 회원의 피드백을 통해 테스트하였으며, 저희 커뮤니티에서 비공개로 테스트했습니다. 버그 리포트 및 PR을 환영합니다.