이것은 정말 훌륭한 컴포넌트인 것 같습니다!
솔직히 말하면, 이 컴포넌트가 하는 것과 똑같은 일을 하는 테마 컴포넌트를 만들려고 2~3일을 보냈습니다. 많은 것을 배울 수 있었기 때문에 그 시간이 낭비되었다고 느끼지는 않지만, ask.discourse의 조언을 더 일찍 듣고 이 컴포넌트를 확인해 보았더라면 좋았을 것 같다는 생각은 듭니다.
아직도 해결하지 못한 문제가 하나 있습니다.
카드 레이아웃을 좋아하지만, 카드 레이아웃에 썸네일과 발췌문(excerpt)을 함께 표시하고 싶습니다. 힌트가 있다면 감사하겠습니다.
대신 현재는 리스트 레이아웃을 사용하고 있지만, 몇 가지를 변경하고 싶었습니다. 저는 그것들을 common.css 탭에 추가했습니다. 다른 분들에게 도움이 될 수도 있을 것 같습니다.
토픽 태그를 제거하려면
.featured-topics__topic-tag {
display: none;
}
저자 아바타를 제거하려면
.featured-topics__wrapper .topic-author {
display: none;
}
카테고리 링크를 제거하려면
.featured-topics__wrapper .category-link {
display: none;
}
수정하여 추가할 내용:
위 원본 게시글은 그대로 두되, 추가하고 싶은 내용이 있습니다.
카드 뷰에서 발췌문이 표시되도록 만드는 방법
.featured-topics__topic-container.thumbnail .topic-excerpt {
display: contents;
}
또한, 데스크톱에서는 카드 레이아웃보다 리스트 뷰 레이아웃이 더 마음에 들지만, 모바일에서는 보기 흉합니다. 썸네일이 왼쪽에 있고, 제목과 발췌문이 오른쪽의 좁은 열에 배치되어 있습니다. 텍스트가 썸네일 주위로 감기도록 하거나 모든 것을 단일 열로 쌓아 올리는 방법을 아직 찾지 못했습니다.
카드 레이아웃에서 썸네일과 발췌문이 표시되도록 하는 방법을 알아냈고, 이는 모바일에서도 꽤 괜찮게 보이므로, 대부분의 사용자가 휴대폰으로 사이트를 보고 있을 것으로 생각되어 해당 레이아웃으로 전환했습니다.