코스모스팜 회원관리 소셜로그인 기능 문의

코스모스팜 회원관리 플러그인 사용중이며 현재 페이스북 로그인 연동을 한 상태입니다. 

앞으로 사이트에서 로그인은 모두 페이스북으로만 하려고 하는데 아래와 같이 구현이 가능한지 문의드립니다.

 

1. 기존 로그인 창에서 페이스북 로그인 제외하고 모두 제거

2. 페이스북 로그인 버튼을 크게 변경

3. 메인메뉴에 연동되는 회원가입 버튼 삭제

4. 메인메뉴에 노출되는 로그인 버튼 클릭시 바로 페이스북 로그인으로 동작

5. 로그인 페이지를 팝업으로 변경

 

사이트 주소는 

county.kr 입니다

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 소셜 로그인 버튼만 따로 표시하시려면

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

    [cosmosfarm_members_social_buttons]

    기존 로그인 페이지와는 무관하게 새로운 페이지에 위의 숏코드를 삽입하신 후

    해당 페이지를 메뉴에 추가해보세요.

     

    2. 기존의 이미지에서 크게 표시하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    .cosmosfarm-social-login a img { width: 50px !important; }

    위의 코드에서 픽셀 값은 적절히 수정해주세요.

     

    기존의 이미지 대신 다른 이미지로 교체하시려면

    FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/사용중인스킨/images 폴더에

    기존 이미지에 새로운 이미지를 덮어쓰기 해보세요.

     

    3. 메인 메뉴에 회원가입 버튼은 어떻게 추가하셨는지요?

    코스모스팜 회원관리 플러그인의 설정과 메뉴 설정을 확인해보시겠어요?

    워드프레스 관리자 -> 회원가입관리 -> 설정 -> 메뉴에 로그인 링크 추가 항목의 체크박스를 해제해보시겠어요?

    해제되어 있다면

    워드프레스 관리자 -> 외모 -> 메뉴 -> 메뉴 편집하기 페이지에서

    회원가입 메뉴를 지워보시겠어요?

     

    4. 사용자 정의 링크 메뉴를 활용해보시겠어요?

    워드프레스 관리자 -> 외모 -> 메뉴 -> 메뉴 편집하기 페이지에서

    사용자 정의 링크 URL 입력 필드에 아래처럼 입력해보시겠어요?

    사이트주소/?action=cosmosfarm_members_social_login&channel=facebook

    소셜 로그인 후 특정 페이지로 이동하시려면 아래처럼 적용해주시면 됩니다.

    사이트주소/?action=cosmosfarm_members_social_login&channel=facebook&redirect_to=/페이지주소/

     

    5. 소셜 로그인을 팝업창으로 띄우신다는 말씀이신지요?

    아쉽게도 현재는 소셜 로그인 팝업창을 지원하지 않고 있습니다.

    코드를 수정하실 수 있다면 아래의 링크를 참고해보시겠어요?

    https://www.cosmosfarm.com/threads/document/12347

    추후 연구 개발해서 업데이트하도록 하겠습니다.

    고맙습니다.

  • 친절한 설명 감사드립니다. 

    이전에 질문드렸던 내용 중에 몇 가지 추가 문의가 있습니다.

     

    1. 아래 숏코드로 로그인 페이지는 원하는대로 변경할 수 있었습니다.

    [cosmosfarm_members_social_buttons]

    로그인 권한이 필요한 페이지를 접근했을 때 보여지는 페이지도 마찬가지로 페이스북 로그인만 보이게 하려면

    어디를 수정해야 될까요?

     

    3. 메인 메뉴에 회원가입 버튼은 어떻게 추가하셨는지요?

    코스모스팜 회원관리 플러그인의 설정과 메뉴 설정을 확인해보시겠어요?

    워드프레스 관리자 -> 회원가입관리 -> 설정 -> 메뉴에 로그인 링크 추가 항목의 체크하여 사용하고 있었습니다.

    로그인 버튼은 사용하고 싶은데 회원가입 버튼만 안보이도록 할 수는 없을까요?

    4번 안내주신 내용으로 변경하려고 하였으니 로그인 / 로그아웃이 토글되도록 하려면 어떻게 해야 될까요?

     

    4. 사용자 정의 링크로 ?action=cosmosfarm_members_social_login&channel=facebook 설정하여 잘 동작합니다.

    그런데 위에서 언급한 것 처럼 로그인된 상태에서는 로그아웃 동작하도록 하고 싶은데 가능할까요?

     

    5.  https://www.cosmosfarm.com/threads/document/12347

    해당 링크 참고해서 시도해보겠습니다.

     

    감사합니다!

  • 안녕하세요.

    로그인 권한이 필요한 페이지를 접근했을 때 보이는 페이지도 소셜 로그인만 보이게 하려면

    로그인 페이지에 추가한 아래의 숏코드 밑에

    [wpmem_form login]

    아래의 숏코드도 추가해보시겠어요?

    [cosmosfarm_members_social_buttons]

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드도 추가해보세요.

    .cosmosfarm-members-form.signin-form { display: none; }

     

    사용자 정의 링크로 로그인 메뉴를 추가하신 건지요?

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보시겠어요?

    add_filter('wp_get_nav_menu_items', 'my_wp_get_nav_menu_items', 10, 3);
    function my_wp_get_nav_menu_items($menu_items, $menu, $args){
    	foreach($menu_items as $item){
    		if($item->title == '로그인'){
    			if(is_user_logged_in()){
    				$item->title = '로그아웃';
    				$item->url = get_cosmosfarm_members_logout_url();
    			}
    			else{
    				$item->title = '로그인';
    				$item->url = get_cosmosfarm_members_login_url();
    			}
    		}
    	}
    	
    	return $menu_items;
    }

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기