해 카테고리 내 모든 주제에 카테고리 로고 표시

제품 지원
1

이 카테고리 내의 모든 주제에 카테고리 로고를 표시할 수 있을까요? 여기서 말하는 것은 "logo small"입니다.
제 경우, 일반적인 사이트 로고보다는 이 주제와 관련된 로고를 표시하는 것이 더 적절합니다.
감사합니다!

2

로고를 주제 자체에만 표시할까요, 아니면 주제 목록에도 함께 표시할까요?
CSS를 이용하면 가능할 것 같습니다.
아니면 템플릿을 수정하는 방법도 있겠죠… :thinking:

3

여기 Discourse에서는 카테고리에 로고가 없습니다.
하지만 로고가 선택되었다면, 여기 표시될 것입니다:

image
image1438×781 64.7 KB

그리고 카테고리 로고가 설정되어 있다면, 해당 카테고리 내의 어떤 주제든 열 때 로고가 표시되기를 원합니다. 이 경우 카테고리 로고가 작은 로고 위치로 이동해야 합니다.

image
image1339×771 42.8 KB

4

몇 개의 카테고리가 있나요?

카테고리 수가 합리적인 수준이라면 CSS를 통해 처리할 수 있습니다. 상단의 로고만 다시 정의하면 됩니다. 사용하는 방법은 다음과 같습니다:

<body class = "category - ***

예를 들어, 지금 우리가 있는 주제에서는 category-support를 사용합니다.

5

카테고리는 고정된 숫자, 즉 30개입니다.
CSS에 어떤 코드를 추가해야 할지 잘 모르겠습니다. 좀 더 명확한 힌트를 주실 수 있나요? :slight_smile:

6

로고를 제거합니다:

img#site-logo {
    display: none;
}

아니면 이렇게 해도 됩니다:

.category-support img#site-logo {
    display: none;  
}

1
11023×397 39.3 KB

명확성을 위해 사진에 추가했습니다:

.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

2
21130×405 40.4 KB

이 코드를 30번 반복해야 할 수 있습니다.

컴포넌트/플러그인 없이 수행하는 방법에 대한 예시를 제시했습니다. 다른 방식으로 구현할 수도 있습니다. 물론, 30개 범주에 대한 CSS는 공간 점유량이 많지 않습니다.

7

감사합니다! 몇 가지 수정 후에 잘 작동합니다.
힌트: 카테고리 이름은 카테고리 설정의 "Category Slug"에서 가져와야 합니다.

로고 크기는 다를 수 있습니다:
width: 65px;
height: 50px;
display: block !important;
background-size: cover;