사용자 역할/그룹 기반의 사용자 지정 CSS

개발
1

사용자 역할이나 그룹에 따라 CSS를 사용자 정의할 수 있는지 알아보고 있습니다.

예를 들어, 메인 페이지의 주제 수 통계를 숨기고 싶습니다. 테마 CSS에 다음 코드를 추가하면 비교적 쉽게 이를 수행할 수 있었습니다:

.topics {
    display: none;

하지만 실제로 원하는 것은 관리자(A)와 모더레이터(M)를 제외한 모든 사용자에게 이를 숨기는 것입니다. 즉, 관리자 그룹과 모더레이터 그룹에게는 이 요소가 표시되기를 원합니다.

CSS 사용자 정의 목적으로 사용자가 특정 그룹에 속하는지 판별할 수 있을까요?

2

이 테마 컴포넌트를 설치하면 CSS를 사용하여 사용자 그룹을 대상으로 할 수 있습니다:

다음과 같이 사용할 수 있습니다:

body.group-<your-group-name> .some-page-element-class {
    display: none;
}

컴포넌트를 사용하지 않고도 다음을 사용할 수 있습니다:

.something {
  display: none;
}
.staff .something {
   display: block;
}
4

기본적으로 관리자와 모더레이터의 문서 본문에 staff 클래스가 추가됩니다. 따라서 이것이 전부라면, body.staff를 바로 사용할 수 있습니다.

5

감사합니다, 정말 좋습니다. 참고로 staff를 제외하고 CSS에서 네이티브로 접근할 수 있는 다른 CSS 그룹은 어떤 것들이 있나요? 익명 사용자(로그인하지 않은 사용자)나 관리자(모더레이터 제외)를 위한 것도 있나요?

6

.anon은 모든 익명 사용자를 나타냅니다. .admins나 .moderators는 해당 컴포넌트를 설치하지 않는 한 작동하지 않는 것 같습니다. 코드 양이 많지 않아 다른 컴포넌트에 쉽게 추가할 수도 있습니다. 저는 관련 테마 컴포넌트에서 이렇게 처리하여 사용자가 둘 다 설치할 필요가 없도록 합니다. 그 그룹 CSS 컴포넌트의 장점은 신뢰 수준(trust levels)도 대상 지정할 수 있다는 점입니다.

.staff와 .anon을 어떻게 사용하는지 제 테마 컴포넌트 중 하나에서 여기에서 확인하실 수 있습니다.

7

좋아요, 감사합니다. 테마 컴포넌트 페이지에서 접근할 수 있는 표준 그룹/역할/신뢰 이름 세트(디스커스에 내장된 것들)를 나열할 수 있을지 궁금합니다. 그렇게 된다면 훌륭한 빠른 참고 자료가 될 것입니다. 아니면 아시면 여기에 나열해 주셔도 좋습니다.

8

그룹 CSS 구성 요소를 설치하면 admin-users-groups 페이지에서 기본 그룹과 신뢰 수준은 물론 사용자 정의한 모든 그룹도 사용할 수 있습니다.

9

감사합니다. 저에게는 정말 좋습니다.