로그인, 로그아웃 상태에 따라 메뉴를 다르게 보이게 하거나 특정 화면을 보이거나, 감출 수 있는 방법을 소개합니다. (망보드 1.3.6 버젼부터 사용 가능합니다)
1. 로그인 상태에서 안보이게 하는 CSS 클래스 : mb-hide-login
2. 로그아웃 상태에서 안보이게 하는 CSS 클래스 : mb-hide-logout
3. 활용방법 - 로그인, 회원가입 메뉴에 mb-hide-login 클래스를 추가하여 로그인 상태에서 안보이도록 설정 - 로그아웃, 회원정보 메뉴에 mb-hide-logout 클래스를 추가하여 로그아웃 상태에서 안보이도록 설정
- 로그인 상태에서만 보이도록 하는 html 추가 방법 <div class="mb-hide-logout"> 로그인 상태에서만 보여야 하는 내용 또는 숏코드 </div>
- 로그아웃 상태에서만 보이도록 하는 html 추가 방법 <div class="mb-hide-login"> 로그아웃 상태에서만 보여야 하는 내용 또는 숏코드 </div>
[ CSS 클래스를 이용한 로그인,로그아웃 메뉴 만들기 ]
망보드 비즈니스 패키지를 이용하고 계시면 CSS 클래스를 이용하여 로그인,로그아웃 메뉴를 추가하실 수 있습니다.
관리자> 외모> 메뉴> 화면옵션(우측상단)> CSS 클래스 체크박스를 선택하면 메뉴에 CSS 클래스를 넣을 수 있는데 아래의 망보드 로그인,로그아웃 CSS 클래스를 이용하여 메뉴 CSS 클래스 옵션에 넣으면 보다 쉽게 로그인,로그아웃 메뉴를 생성하실 수 있습니다.
- 로그인 상태에서 안보이게 하는 CSS 클래스 : mb-hide-login
- 로그아웃 상태에서 안보이게 하는 CSS 클래스 : mb-hide-logout
비즈니스 패키지 설치시 추가된 9개의 회원 페이지에 CSS 클래스를 이용하여 메뉴에 추가 회원가입 및 로그인 메뉴에 mb-hide-login 클래스 입력하면 로그아웃 상태에서만 메뉴가 나타남 회원정보 및 로그아웃 메뉴에 mb-hide-logout 클래스 입력하면 로그인 상태에서만 메뉴가 나타남 |