추천 카테고리 헤더

정말 감사합니다

1개의 좋아요

게시물 3개가 새로운 주제로 분리되었습니다: 업데이트 후 제품 아이콘 정렬 문제

방금 이 컴포넌트를 업데이트하고 리팩터링했습니다. 동일한 사용 사례를 다루지만, 기술적으로는 새로운 컴포넌트입니다.

이미 기존 컴포넌트를 설치해 두셨다면 새 버전으로 전환하려면 설명문에 있는 새 저장소에서 다시 설치해야 합니다. HTML 템플릿이 달라졌기 때문에 스타일 선언도 조정해야 합니다.

이전 버전은 기존 저장소에 그대로 남아 있습니다. 이전 설명을 보려면 이 세부 정보를 확장하세요.

이 테마 컴포넌트는 헤더 배너로 기능하는 추천 카테고리 행을 추가합니다. 로고와 이름만 표시하므로, 추천하려는 각 카테고리에 로고가 있어야 합니다:

컴포넌트 설정에서 카테고리를 선택할 수 있습니다. 또한 바로 외관을 변경할 수 있도록 몇 가지 스타일 선언도 추가했습니다:

따라서 다양한 기본 스타일을 쉽게 적용할 수 있습니다:

더 많은 커스터마이징을 하려면 클래스는 다음과 같습니다.

html.categories-header{
  .below-site-header-outlet.categories-header {
    .wrap {
      .categories-header-item {
        [각 항목의 링크, 로고, 이름..]
      }
    }
  }
}

저장소: GitHub - nolosb/discourse-categories-header · GitHub

6개의 좋아요