한 가지 방법은 로그인한 사용자를 위한 링크와 로그인하지 않은 사용자를 위한 링크를 각각 생성하는 것입니다(순서대로 배치하여 두 개의 링크 그룹을 만듭니다).
그 다음 CSS를 사용하여 한 그룹을 숨기면 됩니다.
사용할 수 있는 CSS anon 클래스가 있습니다.
예를 들어, 로그인한 사용자를 위한 링크가 2개, 로그인하지 않은 사용자를 위한 링크가 3개 있다고 가정해 보겠습니다:
- 로그인 링크 1
- 로그인 링크 2
- 비로그인 링크 1
- 비로그인 링크 2
- 비로그인 링크 3
CSS에서는 다음과 같이 처리할 수 있습니다:
/* 비로그인 사용자: 처음 두 개의 링크를 숨깁니다 */
html.anon .featured-banner-link > div:nth-child(-n+2) {
display: none !important;
}
/* 로그인 사용자: 마지막 세 개의 링크를 숨깁니다 */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
display: none !important;
}
이렇게 하면 되시겠습니까?