비로그인 사용자에게 커스텀 헤더 링크 숨기기

개발
1

훌륭한 테마 컴포넌트네요. 감사합니다.

사용자가 사이트 콘텐츠를 보기 위해 로그인해야 하는 경우 링크를 숨기는 방법이 있을까요?
테마가 활성화된 상태의 로그인 페이지에서 제 사이트가 이렇게 보입니다.

image
image470×112 2.16 KB

2

컴포넌트 업그레이드를 통해 더 깔끔한 해결 방법이 나올 때까지, 테마에 다음 CSS 줄을 추가할 수 있습니다.

.anon .custom-header-links {
    display: none;
}
3

이거 정말 잘 작동하네요!!!

혹시 여기 계신 놀라운 코더분들 중에 링크별로 아래 기능을 추가해 주실 수 있나요?

  1. 로그인한 사용자 또는
  2. 비로그인(익명) 사용자 또는
  3. 모든 사용자

위 기능을 추가해 주시면 정말 감사하겠습니다!!!

4

모든 작업은 여전히 CSS로 가능합니다. 다만 각 링크에 대해 한 줄씩 작성해야 하므로 시간이 다소 소요될 수 있습니다.

이 컴포넌트의 데모를 살펴보겠습니다:

https://theme-creator.discourse.org/theme/Johani/custom-header-links

Tech 예시를 사용하여 3가지 시나리오를 시도해 보겠습니다.

예 #1 로그인한 사용자만 표시

.anon .headerLink.tech {
    display: none;
}

예 #2 로그인하지 않은 사용자만 표시

.headerLink.tech {
    display: none;
}
.anon .headerLink.tech {
    display: inline-block;
}

예 #3 모든 사용자에게 표시: 아무것도 추가하지 마세요

텍스트를 메뉴의 키워드로 교체하세요.

도움을 드리기 위해 마지막 예시를 하나 더 가져오겠습니다. Your Vote Counts! 메뉴 항목에 사용할 CSS 클래스는 .headerLink.your-vote-counts입니다.

5

감사합니다, 도움이 되었어요 :slight_smile: