특정 사용자의 모든 게시글을 기본적으로 흐리게 처리

안녕하세요,

제가 이해한 바로는, 원하시는 것을 달성하는 것이 아주 좋은 아이디어라고 생각하지 않습니다. 말씀하신 내용은 특정 사용자의 모든 게시물을 흐리게 처리하여 숨기는 것인 것 같습니다.

하지만 정말로 이렇게 하신다면, 가장 쉬운 방법은 몇 가지 CSS를 추가하는 것이라고 생각합니다.

참고: 이는 CSS 수정 사항이므로 고급 사용자는 쉽게 이를 비활성화하여 게시물을 볼 수 있습니다.

사용 전에 반드시 테스트해 주세요!

새로운 테마 컴포넌트를 생성하고 다음 내용을 Common / CSS 섹션에 추가하세요.

// 숫자를 특정 사용자 ID로 변경하세요
article[data-user-id="number"] {

  // 게시물 내용을 선택할 수 없게 만듭니다
  @include unselectable;

  // 클릭 가능한 요소(아바타, 게시물 컨트롤 버튼 등)를 클릭할 수 없게 만듭니다
  pointer-events: none;

  // 전체 게시물을 흐리게 만듭니다
  filter: blur(0.5em);

}

결과: data-user-id="3" 사용자의 게시물이 흐려집니다.


그리고 스태프 사용자에게는 숨기지 않는 것이 좋은 아이디어일 것입니다.

스태프 사용자에게 숨기지 않으려면 이전 코드 대신 이 코드를 사용하세요.

// 게시물을 스태프 사용자만 표시합니다
body:not(.staff) {

  // 숫자를 특정 사용자 ID로 변경하세요
  article[data-user-id="number"] {
  
    // 게시물 내용을 선택할 수 없게 만듭니다
    @include unselectable;

    // 클릭 가능한 요소(아바타, 게시물 컨트롤 버튼 등)를 클릭할 수 없게 만듭니다
    pointer-events: none;

    // 전체 게시물을 흐리게 만듭니다
    filter: blur(0.5em);

  }

}