# 추천 카테고리 헤더
**URL:** https://meta.discourse.org/t/featured-categories-header/203779
**Category:** Theme component
**Created:** [9월 16, 2021, 10:59오후 UTC](https://meta.discourse.org/t/featured-categories-header/203779 "2021-09-16T22:59:32Z")
**Posts on this page:** 3
**Page:** 2
### Author:  [@Vasan\_Cannane](https://meta.discourse.org/u/Vasan_Cannane)
#### Post date: [11월 16, 2023, 9:44오전 UTC](https://meta.discourse.org/t/featured-categories-header/203779/22 "2023-11-16T09:44:40Z")
정말 감사합니다
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [1월 29, 2024, 9:54오전 UTC](https://meta.discourse.org/t/featured-categories-header/203779/23 "2024-01-29T09:54:16Z")
게시물 3개가 새로운 주제로 분리되었습니다: [업데이트 후 제품 아이콘 정렬 문제](https://meta.discourse.org/t/product-icons-out-of-alignment-after-update/293262)
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [9월 19, 2024, 4:52오후 UTC](https://meta.discourse.org/t/featured-categories-header/203779/24 "2024-09-19T16:52:29Z")
방금 이 컴포넌트를 업데이트하고 리팩터링했습니다. 동일한 사용 사례를 다루지만, 기술적으로는 새로운 컴포넌트입니다.
이미 기존 컴포넌트를 설치해 두셨다면 새 버전으로 전환하려면 설명문에 있는 새 저장소에서 다시 설치해야 합니다. HTML 템플릿이 달라졌기 때문에 스타일 선언도 조정해야 합니다.
> **이전 버전은 기존 저장소에 그대로 남아 있습니다. 이전 설명을 보려면 이 세부 정보를 확장하세요.**
>
> 이 테마 컴포넌트는 헤더 배너로 기능하는 추천 카테고리 행을 추가합니다. 로고와 이름만 표시하므로, 추천하려는 각 카테고리에 로고가 있어야 합니다:
>
> 
>
> 컴포넌트 설정에서 카테고리를 선택할 수 있습니다. 또한 바로 외관을 변경할 수 있도록 몇 가지 스타일 선언도 추가했습니다:
>
> 
>
> 따라서 다양한 기본 스타일을 쉽게 적용할 수 있습니다:
>
> 
>
> 더 많은 커스터마이징을 하려면 클래스는 다음과 같습니다.
>
> ```plaintext
> html.categories-header{
> .below-site-header-outlet.categories-header {
> .wrap {
> .categories-header-item {
> [각 항목의 링크, 로고, 이름..]
> }
> }
> }
> }
>
> ```
>
> > 저장소: [GitHub - nolosb/discourse-categories-header · GitHub](https://github.com/nolosb/discourse-categories-header)
[이전 페이지](https://meta.discourse.org/t/featured-categories-header/203779.md?page=1)