토픽 카드에 보기와 답글 아이콘 및 마지막 활동 날짜 추가

Topic Cards 은 메인 페이지에서 주제를 렌더링하는 단순하면서도 아름답고 사용성이 좋은 방법을 제공합니다. 그러나 제공되는 메타데이터에는 개선의 여지가 있습니다.

  • 좋아요(Likes)만 표시됩니다. 반면, 공식적인 Topic List Thumbnails 플러그인은 조회수, 좋아요, 답변 수 아이콘을 매우 우아하게 표시하며, 마지막 활동 시간도 이러한 아이콘과 함께 깔끔하게 렌더링됩니다.
  • 마지막 활동 날짜가 아니라 게시 날짜를 표시하는데, 이는 Discourse의 기본 동작과 일치하지 않으며 사용자 혼란을 초래할 수 있습니다(“이 주제가 오래됐는데 왜 위에 있는 거야?”).

image

해결책은 UX 측면에서 단순할 수 있습니다: 주제 카드(Topic Cards)의 메타데이터를 주제 목록 섬네일(Topic List Thumbnails)에서 렌더링되는 방식과 동일하게 표시하면 됩니다. 가능하다면 동일한 코드를 사용하는 것이 좋습니다. 일관성이 높아지고 이론적으로 유지보수 작업도 줄어들 것입니다.

비교를 위해 아래를 참조하세요:

주제 카드(Topic Cards)

왼쪽의 게시 날짜와 오른쪽의 :heart: 아이콘을 확인하세요.

주제 목록 섬네일(Topic List Thumbnails)

동일한 주제입니다. 표시되는 데이터는 두 배가 되지만 혼란을 주지 않으며, 날짜는 게시 날짜가 아닌 마지막 활동 날짜로, Discourse의 기본 동작과 동일합니다.

5개의 좋아요

fkB 테마를 참고할 수 있으며, 추가적인 커스텀을 적용하고 https://businesslab.vn에서 개인용으로 테마 템플릿을 생성했습니다.

2개의 좋아요

이 제안을 단순하게 만들기 위해, 한 가지 공식 컴포넌트(주제 목록 섬네일)를 참조하여 다른 공식 컴포넌트(주제 카드)를 개선하는 것을 제안합니다. 제3자 테마나 컴포넌트를 섞어 넣으면, 그 외부 컴포넌트가 아무리 훌륭하더라도 상황이 복잡해집니다. :slight_smile:

저는 개인적으로 기본 테마를 유지하면서 그 위에 구축하는 방식을 선호합니다. 배경/플로팅 영역에서 더 많은 디자인 유연성을 제공하기 때문에 우아한(Graceful) 테마로 정착하게 될 수도 있습니다. 주제 카드는 우아한 테마의 원칙과 잘 조화를 이루며, (우리의 경우) 필요하지 않은 추가 기능을 더하지 않습니다.

2개의 좋아요

이것은 좋은 개선 사항인 것 같습니다. 현재는 이 변경 사항을 처리할 여유가 없지만, #pr-welcome으로 표시하겠습니다. 이는 커뮤니티에서 제안된 변경 사항을 구현한 기여를 기꺼이 검토하겠다는 뜻입니다.

제안해 주셔서 감사합니다, @icaria36.

5개의 좋아요

좋아요! @RGJ와 제가 PR에 대해 논의하기 시작했습니다.

5개의 좋아요

:+1: PR은 여기 Add icons for Views and Replies, and Last Activity date - Pull Request #13 - discourse/discourse-topic-cards - GitHub

5개의 좋아요

정말 감사합니다, @RGJ!

해당 버전을 https://podkasts.org에 배포했고, 데스크톱과 모바일에서 테스트를 완료했습니다.

다음과 같은 추가 CSS를 적용했습니다(로컬에서 @RGJ의 컴포넌트 버전과 분리하여 적용):

a) "Published"를 제거했습니다(이 변경 사항에 대한 이유는 위에 설명드린 바와 같습니다)
b) Graceful 테마와의 호환성을 개선했습니다(해당 테마는 왼쪽 여백을 도입하여 모바일에서 사용 가능한 공간을 제한합니다).

최종 결과는 우리가 원했던 바로 그 모습입니다. :tada:

4개의 좋아요

추가 메트릭을 표시하거나 숨길 수 있도록 설정을 추가하는 것이 좋은 아이디어라고 생각합니다. 원래 디자인은 일부 콘텐츠를 제거하여 더 미니멀하게 만드는 것이 의도였기 때문에, 그 의도를 유지할 수 있도록 하고 싶습니다.

3개의 좋아요

이번 주 안에 설정을 추가할 예정입니다. 기본값은 뷰와 답글을 표시하지 않는 것으로 설정됩니다.

3개의 좋아요

이 설정들을 추가했습니다. 이제 각 아이콘 + 숫자를 표시하거나 숨길 수 있습니다.
기본값은 원래 동작입니다.

Optional show/hide of metrics - discourse/discourse-topic-cards@94b582a - GitHub 에서 확인하세요.

5개의 좋아요

Discourse를 업그레이드했으며, @RGJ의 패치도 포함했습니다. 참고할 만한 점은, 우리 사이트에서 모든 기능이 예상대로 작동한다는 것입니다. :tada: 정말 감사합니다!

3개의 좋아요

감사합니다. 이 추가 사항이 포함된 PR이 이제 병합되었습니다.

5개의 좋아요

이 주제는 2일 후 자동으로 닫혔습니다. 새로운 답변은 더 이상 허용되지 않습니다.