Featured Tiles 테마 컴포넌트의 수정 버전입니다. 추천된 주제(토픽)를 플립 카드 형태로 한 줄에 표시합니다:
카드가 너무 크거나 작아지지 않도록, 컴포넌트는 다양한 창 크기에 맞게 브레이크포인트를 사용합니다. 기본적으로 모바일에서는 2개, 태블릿에서는 4개, 데스크톱에서는 5~6개의 카드를 표시합니다. 최소 6개의 주제를 추천(피처링)해야 합니다.
어쨌든, 더 많은 주제를 사용하고 randomize 기능을 활용하면 훨씬 더 재미있습니다:
이렇게 하면 항상 새로운 조합의 카드가 표시됩니다 
 |
저장소 | discourse-featured-flip-cards |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코urs 테마를 처음 사용하시나요? | 디스코urs 테마 사용 입문가이드 |
좋아 보이네요! 참고로 Safari에서는 이런 현상이 발생합니다:
정사각형 크롭 옵션을 추가할 가능성이 있을까요? 다양한 종횡비에서는 잘 보이지 않거든요. 아니면 토픽 썸네일(Topic Thumbnails)처럼 이미지의 흐릿한 버전을 배경으로 사용하는 것도 좋을 것 같습니다. 아이디어를 던져보는 거예요 
네, 아직 그렇게 유연하게 설정할 수 있는 상태는 아닙니다. 그래서 가능한 사용 사례에 대한 피드백을 받을 수 있어서 정말 좋습니다. 감사합니다! 사진에 더 세련된 외관을 적용해 보며 스타일을 가장 잘 조정하는 방법을 알아볼 계획입니다.
요청하신 대로 더 많은 옵션을 추가하여 카드의 종횡비와 섬네일 리사이즈 방식을 조정할 수 있는 설정을 추가했습니다:
모바일에서 추천 주제(Featured Topics)의 수를 늘리고 가로 스크롤을 활성화할 수 있는 가능성은 없나요? 그렇게 되면 정말 멋질 것 같습니다.
저희 사이트에서는 이를 재현할 수 없지만, 목록 영역 위에 표시되도록 설치된 여러 구성 요소 중 '온라인 사용자’를 제외한 나머지는 표시되지 않는 것을 확인할 수 있습니다. 이 부분을 확인해 보시는 것이 좋겠습니다.
이 문제는 사파리 브라우저와 관련이 있는 것 같습니다. 이 업데이트 이후로 우리 포럼에서 문제를 겪고 있는 회원들은 모두 사파리를 사용 중이며, @Bank_Live도 사파리를 사용하는 것으로 보입니다.
@Bank_Live님의 사이트에서도 Chrome에서 해당 컴포넌트가 표시되지 않습니다. 그 문제가 컴포넌트와 관련이 있다고 생각하지는 않습니다. 적어도 제가 재현할 수 없거든요.
네, Safari에서 일부 CSS 문제가 있는 것 같고, 일주일 후에 살펴보겠습니다. 지금은 Mac을 손에 넣지 못했고, Linux에서 WebKit으로 재현할 수 없었습니다.
사파리 관련 이슈에 대해 새로운 소식이 있나요?
이 컴포넌트는 aspect-ratio 속성을 사용합니다. Safari에서 지원되는 줄 알았는데,Apparently 다음 릴리스(15)부터만 지원되는 것 같습니다.
지금은 작동하도록 하기 위해 설정에 빠른 해결책을 추가했습니다. 계산된 백분율을 추가해야 하며, 그러면 CSS 해킹으로 종횡비가 시뮬레이션됩니다:
감사합니다! 우리 커뮤니티에서 완벽하게 작동해요!
기능 요청.
특정 카테고리 페이지에 이 기능이 표시되도록 옵션을 추가할 수 있을까요?
예를 들어, 라운지(Lounge) 카테고리를 보고 있을 때 해당 페이지에 피처드 카드가 표시되도록 하는 것입니다.
표시된 이미지는 카테고리 이미지입니다. 현재 Air 테마를 사용 중입니다. 해당 카테고리의 하위 카테고리인 Frontier news에서 관련 피처드 토픽을 표시하는 용도로 활용하고 싶습니다.
카드 이미지의 권장 크기는 얼마인가요?
관심 있는 특정 카테고리 상단에 피처드 토픽을 표시하는 애플리케이션에 대한 제 아이디어입니다.
Air 테마를 사용 중입니다. 카테고리 로고 아래에 표시되도록 옵션 설정이 필요하며, 가능하면 여러 카테고리를 선택하여 표시할 수 있는 옵션이 있으면 좋겠습니다.
예를 들어, 메인 카테고리에 몇 가지 하위 카테고리가 있는데, 이 중 뉴스(News) 하위 카테고리를 소개하고 싶습니다.
