장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    유용한팁
    Home / 유용한팁
    글보기
    로그인, 로그아웃 CSS 클래스 활용방법
    조회수4702
    2016-09-02 13:53


    로그인, 로그아웃 상태에 따라 메뉴를 다르게 보이게 하거나 특정 화면을 보이거나, 감출 수 있는 방법을 소개합니다. 
    (망보드 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 클래스 입력하면 로그인 상태에서만 메뉴가 나타남

    카테고리일반