게스트에게만 햄버거 메뉴에서 태그와 배지 숨기기

제품 지원
1

로그아웃된 사용자 인터페이스를 최대한 단순하게 만들고 싶어서, 게스트에게만 햄버거 메뉴에서 태그와 배지를 숨길 수 있는지 궁금합니다.

이 포스트의 CSS를 사용하면 쉽게 할 수 있다는 건 알고 있어요 -

하지만 사용자가 게스트인지 확인하는 조건을 어떻게 검사해야 할까요? 그리고 그런 경우 메뉴 항목을 어떻게 숨길 수 있을까요? 아마도 이를 확인하는 함수를 호출해야 할 것 같은데 (WordPress처럼요), Discourse에서는 어떻게 작동하는지 전혀 모르겠습니다. 도와주실 수 있나요?

2

익명 사용자는 anon 클래스를 가지고 있어 이를 대상으로 사용할 수 있습니다. 예를 들어 다음과 같이 사용할 수 있습니다:

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
   }
  }
}

(다른 토픽의 예시에 anon 클래스를 추가한 것입니다. 원하는 특정 항목을 숨기려면 조정해야 합니다)

3

이 방법이 완벽하게 작동했습니다. 감사합니다! 이제 숨겨야 할 것은 태그 링크뿐인데, 고유한 클래스가 없는 것 같습니다. 어떻게 타겟팅해야 할까요? widget-link 클래스를 사용하면 About, FAQ, Mobile View 링크가 숨겨집니다.

442×140 9.21 KB

4

이것은 유망해 보입니다:

5

[quote=“햄버거 메뉴에서 “태그"를 CSS로 제거하기, post:2, topic:160196”]
.menu-panel li a.widget-link[href=”/tags"] { display: none; }
[/quote]

완벽합니다. 이 코드가 최종적으로 작동했습니다. 또한 구분선 바도 숨겼습니다. Jammy에게 감사드립니다!

/* 게스트를 위한 햄버거 메뉴에서 태그 및 배지 링크 숨기기 */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    { 
    display: none
   }
  }
}