배너가 포함된 카테고리 목록

[Arkshine]

안녕하세요, 환영합니다

테마에서 CSS를 추가하거나, 별도의 테마 컴포넌트를 만들 수 있습니다:

@manuel

스타일을 추가하려면 일반 클래스와 함께 카테고리 ID로 특정 배너를 선택할 수 있습니다:

.category list .category-list-banner {
  &.category-5 { [특정 배너 스타일 적용] }
  &:after { [제목 스타일 적용]}
}

예를 들어, 카테고리 ID 4에 이미지를 추가하고 싶다면 다음과 같이 하면 됩니다:

.category-list .category-list-banner {
    &.category-4 {
        background-image: url(https://images.unsplash.com/32/Mc8kW4x9Q3aRR3RkP5Im_IMG_4417.jpg);
        background-size: cover;
    }
}

이것은 단순한 예시입니다. 더 자세한 정보는 background CSS 속성을 참고할 수 있습니다.

도움이 되는 링크들 :

사이트에서 사용자 지정 CSS 변경하기

이 가이드는 CSS 소개, Discourse에서 CSS를 추가하는 위치, 그리고 브라우저 검사 도구를 사용하여 올바른 선택자를 찾는 방법 등을 포함하여 Discourse 사이트에서 CSS를 변경하는 방법을 설명합니다. 필요한 사용자 권한: 관리자 요약 이 가이드에서는 다음 내용을 다룹니다: CSS 및 핵심 개념에 대한 간단한 소개 테마 구성 요소를 사용하여 Discourse 사이트에 CSS를 추가하는 방법 브라우저 검사 도구를 사용하여 올바른 CSS 선택자를 찾는 방법 CSS 기초 이해하기 CSS는 Cascading Style Sheets(캐스케이딩 스타일 시트)의 약자입니다. 이해해야 할 세 가지 핵심 개념은 다음과 같습니다: 구조: CSS 규칙은 선택자, 속성, 값으로 구성됩니다. p { color: red; } 선택자: p (모든 HTML <p> 태그를 대상으로 함) 속성: color …

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …