로그인 및 로그아웃시 버튼 보이게 하기 문의

안녕하세요.

문의 좀 드립니다.

로그인 및 로그아웃시 버튼 보이게 하기 문의 드립니다.

페이지 안에서 로그인시 보이는 버튼과 로그아웃시 보이는 버튼을 다르게 표현 하고 싶습니다.

코스모스팜 회원관리 플러그인을 사용하고 있습니다.

 

검색해 보니

로그인이 안되어 있을때

<?php if(!is_user_logged_in()):?>
<img src="로그인 버튼 이미지" alt="">
<?php endif?>

로그인이 되어 있을때도 다른 이미지버튼을 넣고 싶습니다.

답변 부탁 드립니다.

 

 

 

 

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    코스모스팜 회원관리 플러그인에 기본으로

    메뉴에 로그인 추가하기 기능을 지원하고 있습니다.

    회원가입, 로그인 메뉴가 우측 상단에 나오게 하시려면 테마에서도 기능을 지원해야 가능합니다.

    테마에서 기본 메뉴 외 top 메뉴를 지원하고 있다면 메뉴를 생성한 다음

    워드프레스 관리자 -> 회원가입관리 -> 설정 페이지에서

    메뉴에 로그인 링크 추가 설정에서 해당 메뉴를 선택해주세요.

     

    테마에서 top 메뉴를 지원하지 않는다면

    테마의 header.php 파일을 편집하거나 텍스트 위젯에 숏코드를 삽입해서 링크를 출력할 수 있습니다.

    아래 숏코드를 삽입하면 회원가입, 로그인 링크를 출력할 수 있습니다.

    [cosmosfarm_members_account_links]

    직접 PHP 파일에 숏코드를 삽입하시려면 do_shortcode 함수를 사용해주세요.

     

    직접 코드를 추가해서 로그인 상태에 따라 다른 이미지를 표시하시려면

    아래의 코드를 활용해보시겠어요?

    <?php if(!is_user_logged_in()):?>
    	<!-- 비로그인 사용자에게 표시됩니다. -->
    	<img src="로그인 버튼 이미지" alt="">
    <?php else:?>
    	<!-- 로그인 사용자에게 표시됩니다. -->
    	<img src="로그아웃 버튼 이미지" alt="">
    <?php endif?>

    고맙습니다.

  • 빠른 답변 감사드립니다.

    각각 따로 넣을순 없나요?

     

    else가 아닌 방식으로요.

    에를 들어 

    <?php if(!is_user_logged_in()):?>

    <!-- 비로그인 사용자에게 표시됩니다. --> <img src="로그인 버튼 이미지" alt="">

    <?php endif?>

    <?php if(!is_user_login_in()):?>

    <!-- 로그인 사용자에게 표시됩니다. --> <img src="로그아웃 버튼 이미지" alt="">

    <?php endif?>

     

    다시 한번 더 부탁 드립니다.

     

     

  • 각각 따로 추가하실 수도 있습니다.

    아래의 코드로 적용해보시겠어요?

    <?php if(!is_user_logged_in()):?>
    	<!-- 비로그인 사용자에게 표시됩니다. -->
    	<img src="로그인 버튼 이미지" alt="">
    <?php endif?>
    
    <?php if(is_user_logged_in()):?>
    	<!-- 로그인 사용자에게 표시됩니다. -->
    	<img src="로그아웃 버튼 이미지" alt="">
    <?php endif?>

     

    is_user_logged_in 함수는 로그인 상태인지 체크하는 함수입니다.

    위에 안내해드린 코드를 보시면 아시겠지만

    비로그인 시 표시할 코드에는 함수 앞에 느낌표(!)가 붙어있습니다.

    같은 함수를 앞에 느낌표 여부에 따라 반대 결과의 코드를 실행할 수 있습니다.

     

    코드를 올려주실 땐 에디터의 코드 스니펫 삽입 기능을 이용해주세요.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기