안녕하세요 @andreas_can, Meta에 오신 것을 환영합니다 
이 컴포넌트는 링크의 텍스트를 기반으로 각 링크에 CSS 클래스를 추가합니다. 추가되는 클래스는 링크에 부여한 텍스트와 동일하지만, 공백은 하이픈(-)으로 대체되고 텍스트는 소문자로 설정됩니다. 그리고 문자열의 끝에 -custom-header-links가 붙습니다.
따라서 텍스트가
privacy
인 링크를 추가하면, 해당 링크 요소에는 클래스
privacy-custom-header-links
가 부여됩니다.
링크 텍스트가
Visit Shop
이라면, CSS 클래스는
visit-shop-custom-header-links
가 됩니다.
이제 각 링크에 추가되는 클래스를 아시게 되었습니다. 다시 질문으로 돌아가 보겠습니다.
Discourse는 사용자가 로그인하지 않은 경우 <HTML> 태그에 CSS 클래스를 추가합니다. 해당 클래스는
anon
입니다.
따라서 이를 사용하여 로그인하지 않은 사용자에게 특정 링크를 숨길 수 있습니다. 예를 들어, 텍스트가
Customer Support
인 링크가 있고 로그인하지 않은 사용자에게 표시하고 싶지 않다면,
다음과 같은 CSS를 추가합니다.
.anon {
.customer-support-custom-header-links {
display: none;
}
}
이 CSS는 메인 테마의 common > CSS 탭에 추가합니다.
이렇게 하면 로그인하지 않은 사용자에게 해당 링크가 숨겨집니다.