다재다능한 쇼케이스

:warning: :mechanic:t4:

이 컴포넌트를 완전히 다시 작성했습니다. 새 저장소에 호스팅되어 있으며 새로운 주제도 있습니다: Featured Lists

이 버전은 당분간 정상적으로 작동하지만, Discourse 3.2.0.beta3 이상을 사용 중이시라면 새 버전을 사용하십시오.

이 컴포넌트는 홈페이지에 다양한 주제 목록을 표시할 수 있게 해줍니다. 기본 모습은 다음과 같습니다:

컴포넌트 설정에서 피드 목록과 아웃렛 위치를 정의할 수 있습니다:

피드 목록 형식은 다소 고급스럽고, 이를 효과적으로 활용하려면 Discourse의 몇 가지 목록 개념을 이해해야 합니다. 다음을 설정합니다.

  • 피드 제목
  • 목록 길이
  • 목록 필터 (latest, top, unread,..)
  • 태그 필터 (태그 슬러그로 정의)
  • 카테고리 필터 (카테고리 ID로 정의)
  • 피드 링크 (More 버튼을 클릭했을 때 이동할 위치)

목록은 flex-box로 설정되므로, 목록이 하나만 있는 경우 기본적으로 확장됩니다:

:+1: 크레딧: 이 컴포넌트는 Showcased Categories에서 파생된 것입니다. @Ahmed_Gagan이 기능을 확장하고 저는 아키텍처를 다시 작성했습니다. 결국 변경 사항이 많아져 더 이상 호환되지 않습니다.

18개의 좋아요

멋진 플러그인입니다. 홈페이지가 훨씬 더 인터랙티브하게 느껴지네요.

두 가지, 어쩌면 세 가지 정도 제안을 드리고 싶습니다:

  1. a discovery-list-container-bottom 아웃렛 추가
  2. 여러 목록이 나란히 배치될 때 제목 첫 번째 열의 너비 증가
  3. 행당 두 개 이상의 목록을 선택적으로 설정할 수 있게 해주세요?
1개의 좋아요

@Zup님의 제안 감사합니다!

이미 세 개의 아웃렛이 있으므로 추가 아웃렛은 넣지 않을 것 같습니다. 특정 아웃렛이 필요하시다면 포크를 하셔서 직접 추가해 주셔야 합니다.

목록은 플렉스박스(flexbox)입니다. CSS를 통해 플렉스 동작을 변경하여 행당 여러 개 또는 하나만 표시할 수 있습니다.

말씀하신 부분이 맞다면, 거기에 너비를 더 잘 조정해야겠습니다 :+1:

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

정말 사용하고 싶은데 설치한 후 다음과 같은 문제가 발생합니다:

  • 모든 것이 정상적으로 보이는데, 유일한 예외는
  • 인스턴스 로그인 상자가 "display: none"으로 설정되어 있다는 점입니다(이로 인해 로그인 페이지가 완전히 빈 화면이 됩니다).

어딘가에 충돌이 있는 것 같습니다.

누군가 이런 문제를 겪어 보셨나요? 어디를 확인해 보면 좋을지 아이디어가 있으신가요?

정말 감사합니다.

1개의 좋아요

우와아아…

이 문제를 해결할 프록시를 찾았어요. 왜 그런지 정확히 이해는 못 하겠지만, discovery-list-container-top을 선택하면 100% 정상 작동합니다.

above-main-container 설정을 사용할 때 문제가 발생하고 있었어요. 지금은 상관없으니, 제 실행 중인 인스턴스에서는 discovery-list-container-top이 문제없습니다.

1개의 좋아요

@JBM 님, 이 문제를 보고해 주셔서 감사합니다. 문제를 재현해 보았는데, 로그인이 필요한 사이트 콘텐츠에 접근할 수 없을 때 목록을 생성하는 코드가 루프를 돌고 있었습니다. discovery-list-container-top 아웃렛이 선택된 경우에는 정상적으로 작동합니다. 이 아웃렛은 로그인 후에만 사용 가능하기 때문입니다. 이 부분을 조사해 보겠습니다.

1개의 좋아요

시간이 되신다면, 모바일용 깔끔한 구분선을 하나 만들어 주시겠어요? 쇼케이스 섹션에서 사용자가 일반 최신 콘텐츠로 넘어가는 부분인데, 지금은 마지막 부분이 끝없이 계속되는 것처럼 보입니다.