카테고리 목록 레이아웃에서는 하위 카테고리가 색상 블록과 함께 표시되며, 접근이 제한된 경우 제목 앞에 잠금 아이콘이 표시됩니다.
반면 카테고리 박스 레이아웃에서는 색상 블록도, 잠금 아이콘도 표시되지 않지만, 하위 카테고리에 로고가 정의된 경우에만 로고가 표시됩니다(기본값은 20px로 축소).
이것은 일관성이 없습니다. 최소한 하위 카테고리 제목의 경우 일반적인(목록) 외형과 일치하도록 할 수 있는 옵션이 있어야 합니다. 이상적으로는 목록 레이아웃에서도 로고를 표시할 수 있는 옵션이 있으면 좋겠습니다.
아니면 이 비논리적인 동작을 수정할 수 있도록 플러그인 아웃렛을 제공해도 좋습니다(찾아보았지만 찾을 수 없었습니다 - 만약 있다면 무엇인지 알려주실 수 있나요?)
@vinothkannans 이 문제를 조사해 주시겠어요? 문제와 제안된 수정 사항을 보여주는 스크린샷을 올려 주세요.
일부 스크린샷을 첨부합니다:
따라서 테마의 /head에서 HTML text/x-handlebars와 SCSS를 혼합하여 "components/categories-boxes"를 효과적으로 대체했습니다. 코드를 테스트하고 GitHub에 반영할 수 있는 역량 있는 누구에게든 기꺼이 코드를 보내겠습니다.
이것은 제 사이트에서는 잘 작동하지만, 제가 놓친 다른 결과가 있을 수 있습니다.
알겠습니다, 휴가가 끝날 때까지 기다려볼게요. 여기서는 @awesomerobot의 의견을 듣고 싶습니다.
이번 주에 이 레이아웃을 확인하면서 서브카테고리의 세 번째 레벨을 통합해 보려고 합니다. 그와 동시에 일관성도 함께 점검할 수 있을 것 같습니다.
초기 진행 상황을 담은 업데이트를 방금 push했습니다.
서브서브 카테고리(sub-sub categories)는 이 주제와 다소 관련이 적지만, 앞으로 이 페이지의 스타일에 영향을 미칠 작업 중 하나(WIP)입니다… 그래서 포함시켰습니다. 몇 가지 이유로 이 접근 방식에 완전히 만족하지는 못하지만, 레이아웃이 까다로운 부분이 있습니다.
이러한 박스들의 콘텐츠가 얼마나 다양할 수 있는지를 고려할 때, 언젠가는 서브서브 카테고리를 잘라내야 할 수도 있습니다… 아니면 JS로 높이를 계산해서 박스들이 모두 동일한 높이가 아닌 마소니 스타일 레이아웃을 적용하는 것도 고려해볼 수 있습니다. 더 생각해봐야 할 것 같습니다.
아무튼, 본론으로 돌아가서…
기존의 단일 수준 서브카테고리에 대해 범용 링크 대신 카테고리에 배지 스타일을 적용했습니다. 또한 종횡비 계산도 개선했는데, 이전에는 실제로 거의 사용되지 않고 있었습니다.
좋아합니다. 몇 가지 코멘트 드립니다:
제목 위 로고가 세로 공간을 상당히 많이 차지하고 있는데, 설명이 길고 하위 카테고리가 여러 개 있는 상황에서는 세로 공간이 매우 중요합니다.
박스 레이아웃의 장점 중 하나가 스크롤 없이 더 많은 카테고리를 볼 수 있다는 점인데, 기본적으로 로고와 제목을 나란히 배치하도록 하는 것이 매우 좋겠습니다. 물론 CSS 오버라이드로 거의 동일한 효과를 낼 수는 있지만, 기본적으로 제대로 구현되어 있으면 좋겠습니다.
손자 카테고리 문제에 대해서는 서브 박스 아이디어를 좋게 생각합니다. 하지만 선택적 설정으로 하위 카테고리를 한 단계만 표시하고, 더 깊은 단계가 있을 경우 표시기를 두는 것도 좋을 것 같습니다. 예를 들어 손자 카테고리가 있다면 자식 카테고리 제목 아래에 작은 글씨로 "+N개 하위 카테고리"라고 표시하는 방식입니다.
그리고 메이슨리(masonry) 스타일 레이아웃이 이상적일 것 같습니다…
