사용자의 그룹 소속에 따라 주제 내에서 다른 콘텐츠를 표시할 수 있나요?

[jimkleiber]

지금 바로 자세히 살펴볼 시간은 많지 않지만, 이 테마 컴포넌트가 도움이 될 수 있을 것 같습니다. 이 컴포넌트는 현재 사용자의 모든 그룹을 body 태그 안에 나열해 주기 때문입니다(아마도). 그런 다음 특정 그룹 클래스명이 body 태그에 존재하는지 여부에 따라 CSS 셀렉터를 사용하여 표시/숨기기를 할 수 있을 것입니다.

현재 사용자의 그룹에 대한 CSS 클래스

요약 CSS Classes for Current User’s Groups는 사용자가 속한 그룹을 <body> 태그에 CSS 클래스로 추가합니다. 미리보기 theme-creator.discourse.org에서 미리보기 리포지토리 링크 https://github.com/discourse/discourse-groups-css-classes-in-body 디스코urs 테마를 처음 사용하시나요? 디스코urs 테마 사용 입문가 가이드 이 테마 컴포넌트 설치 설치 전: [image] 설치 후: [image] Discourse는 기본적으로 현재 사용자의 기본 그룹만 CSS 클래스로 추가합니다. 이 컴포넌트는 이를 변경하여, 현재 사용자가 속한 모든 그룹(신뢰 수준(trust-level)과 같은 내장 그룹 포함)을 클래스로 추가합니다. 이 컴포넌트…

그리고 이 게시물에서 컴포저(composer)에서 사용할 수 있는 HTML 요소와 컴포저 텍스트를 클래스로 감싸는 방법에 대한 정보와 결합하면 작동할 수 있습니다:

게시물 내부 콘텐츠를 커스터마이징하는 방법 (커스텀 속성 등)

지금까지 제가 알고 있는 방법은 두 가지입니다: <span data-theme-custom>some text</span> CSS: [data-theme-custom] { color: pink; } [wrap="indent"]some text[/wrap] 이는 div 또는 span(같은 줄에 다른 콘텐츠가 있는 경우)을 생성하며, 다음 속성을 포함합니다: class="d-wrap" 및 data-wrap="custom" CSS [data-wrap="custom"] { color: pink; } 게시글에서 특정 콘텐츠를 커스터마이징하는 다른 방법이 있을까요? 또한, 요소에 사용자 지정 class를 추가하는 방법이 있을까요? 검색을 해봐도 찾을 수 없었습니다. 불가능한 것 같습니다.

네, 여기서 바로 테스트해 봤는데, 해당 컴포넌트를 다음과 같은 것들과 결합하면 작동할 것입니다:

<span data-group-a>그룹 A 전용 텍스트</span>
<span data-group-b>그룹 B 전용 텍스트</span>

그리고 다음과 같은 CSS 셀렉터를 사용하십시오:

span[data-group-a] {display: none;}
body.group-a span[data-group-a] {display: block;}

또는 이와 유사한 방식으로…

수정 사항이 많아 죄송합니다. 제 인스턴스 중 하나에서 테스트해 봤는데 작동합니다.

하지만 말씀하신 대로, 이것이 원하시는 것이 아닐 수도 있겠네요 …

@craigconstantine

하지만 CSS display: none은 약합니다. 그들이 보지 말아야 할 것을 DOM에서 사라지게 하고 싶습니다. 가능하면 서버 측에서 사라지게 하겠지만, 최소한 j/s 기반의 브라우저 측에서 사라지는 것이라도 만족하겠습니다. (이는 CSS의 display: none보다 훨씬 높은 수준의 교묘함이 필요합니다.)

테마 JavaScript를 사용하여 <head> 섹션에 요소를 선택하고 제거하는 코드를 추가함으로써 이것이 가능할 수 있습니다. 여전히 위의 스팬과 래핑이 필요할 수 있지만, 이를 통해 제거할 수 있습니다.