헤더에서 로그인 버튼을 숨기는 방법

[thaidb]

헤더에서 로그인 버튼을 숨기고, 예를 들어 햄버거 메뉴와 같은 다른 곳에 표시하는 방법은 무엇인가요?

[Lilly (Lillian)]

스크린샷에 표시된 대로 모바일용을 원하신다면, 이 코드를 테마 구성 요소의 모바일 CSS 탭에 추가하세요:

그런 다음 상단 사이드바 섹션에 사용자 정의 링크를 생성하세요:

이렇게 하면…

클릭하면 모달이 나타납니다:

[Lilly (Lillian)]

또한, 로그인 사이드바 링크를 익명 사용자만 표시하려면 다음 코드를 대신 사용할 수 있습니다:

.sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: none;
}
.anon .sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: flex;
}

.d-header .login-button {
    display: none;
}

data-list-item-name은 대소문자를 구분하므로, 링크가 "Login"이라면 CSS 코드에서도 동일하게 작성해야 합니다.