2025년 6월 21일

miniOrange Social Login and Register (Discord, Google, Twitter, LinkedIn) : 최소요금제가 $89임

miniOrange Social Login and Register (Discord, Google, Twitter, LinkedIn)

Version7.7.0
Last updated2 weeks ago
Active installations20,000+
WordPress version2.0.2 or higher
Tested up to6.8.1
PHP version5.4 or higher

아래의 링크를 참조하면 이용 가능하나 최소 요금제가 $ 89 입니다.

WordPress 웹사이트에서 Naver 로그인 구성 가이드 | 플러그인

miniOrange Social Login을 사용하여 WordPress에서 Kakao로 로그인 구성

wordpress-social-login

Login for Google Apps By Syed Balkhi 이 구글 로그인만 되는데 반해, 이 플러그인은 구글, 페이스북, 트위터은 기본이고 야후, 링크드인, 텀블러, 레딧, 디스코드, 얀덱스 등 수없이 많은 로그인이 된다는 것은 그 장점임. 보안문제가 없다면 이용을 시도해보는 것도 괜찮은 듯 함.

https://wordpress.org/plugins/wordpress-social-login/

WordPress Social Login 플러그인은 2023년 7월 27일 보안상의 이유로 워드프레스 저장소에서 제거되었습니다. 이 플러그인을 이용하고 싶은 경우 다른 사용자가 업데이트하여 GitHub에 올린 버전을 다운로드할 수 있지만, 보안 문제가 해결되지 않았을 수도 있으므로 사용에 신중을 기하시기 바랍니다.

WordPress Social Login extends NAVER By kagla

FTP로 fuction.php를 수정하고 github의 안내대로 하였는데, 카카오와 네이버 모두 아래와 같이 나오면 연결이 안돼 포기함. 이 플러그인은 더 이상 시도하지 마시고 포기하세요.

WordPress Social Login extends NAVER

Version0.1.4
Last updated7 years ago
Active installations100+
WordPress version4.0 or higher
Tested up to4.8.25

이 플러그인은 WordPress Social Login 플러그인 에서 naver 로그인과 kakao 로그인을 할수 있는 플러그인입니다.

( 반드시 WordPress Social Login 플러그인을 설치해야 합니다. WordPress Social Login 플러그인은 2023년 7월 27일 보안상의 이유로 워드프레스 저장소에서 제거되었습니다. 이 플러그인을 이용하고 싶은 경우 다른 사용자가 업데이트하여 GitHub에 올린 버전을 다운로드할 수 있지만, 보안 문제가 해결되지 않았을 수도 있으므로 사용에 신중을 기하시기 바랍니다.)

naver 로그인 및 kakao 로그인을 설정하는 방법은 아래 url에 자세히 설명해 놓았습니다.

사용팁(이하 초록색의 출처 : http://sir.co.kr/gnucommerce_tip/6 )

우선 워드프레스에 WordPress Social Login( 이 플러그인은 2023년 7월 27일 보안상의 이유로 워드프레스 저장소에서 제거되었습니다. 이 플러그인을 이용하고 싶은 경우 다른 사용자가 업데이트하여 GitHub에 올린 버전을 다운로드 가능합니다.)을 설치 및 활성하고 WordPress Social Login extends NAVER 을 추가 설치한 후 기능을 추가하는 형태로 이용하게 돕니다.

이제 이 플러그인에 카카오톡 로그인 부분을 추가해 보기로 하겠습니다. 우선 아래의 다운로드 URL로 접속하여 통째로 다운로드를 한 후 압축을 풀면 \hybridauth-kakao-master\hybridauth-kakao-master\Providers 폴더 밑에 Kakao.php 라는 파일이 있습니다. 이것을 WordPress Social Login 플러그인(이하 ‘WSL’)이 설치된 디렉터리 아래의 hybridauth/Hybrid/Providers 디렉터리를 만들고 그 아래에 Kakao.php를 복사해 넣습니다. 저는 카페24를 이용하고 있어 ftp로 디렉토리를 만들고 복사 및 붙여넣기 하였습니다.

Kakoa.php 다운로드 바로가기

그 다음으로는 워드프레스 알림판에서 [모양] -> [테마 파일 편집기]로 이동하여 편집할 테마를 선택한후 functions.php를 선택한 후 아래의 코드를 추가해줍니다.

add_action( 'init', 'my_add_kakao_provider_to_wsl' );

function my_add_kakao_provider_to_wsl() {

    //if ( function_exists ('wsl_version') ) {

        global $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG;

        $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG[] = ARRAY(
            "provider_id"       => "Kakao",
            "provider_name"     => "Kakao",
            "require_client_id" => true,
            "callback"          => true,
            "new_app_link"      => "https://developers.kakao.com/apps/new",
            "cat"               => "socialnetworks",
        );
    //}
}

네이버의 경우에는, functions.php 파일에 아래의 함수를 추가해주어야 합니다. ( 출처 : 워드프레스에 소셜 계정/네이버 아이디로 로그인하기 – WordPress Social Login ), 카카오계정에 연결하기는 워드프레스에 카카오 계정 로그인 추가하기( https://github.com/usefulparadigm/usefulparadigm.github.com/blob/master/_posts/2014-07-15-adding-kakao-login-to-wordpress.md )를 참조하세요.

// 네이버 소셜 로그인 프로바이더 추가
add_action( 'init', 'my_add_naver_provider_to_wsl' );

function my_add_naver_provider_to_wsl() {
    // WSL 플러그인이 활성화된 경우에만 실행
    //if ( function_exists( 'wsl_version' ) ) {
        global $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG;

        // 이미 Naver 프로바이더가 추가되어 있지 않은 경우에만 추가
        $naver_exists = false;
        foreach ( $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG as $provider ) {
            if ( isset( $provider['provider_id'] ) && $provider['provider_id'] === 'Naver' ) {
                $naver_exists = true;
                break;
            }
        }

        if ( ! $naver_exists ) {
            $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG[] = array(
                "provider_id"       => "Naver",
                "provider_name"     => "Naver",
                "require_client_id" => true,
                "callback"          => true,
                "new_app_link"      => "https://nid.naver.com/devcenter/register.nhn",
                "cat"               => "socialnetworks",
            );
        }
    //}
}

이제 워드프레스의 어드민 대시보드에서 Settings > WP Social Login 메뉴에 접속하면 아래 그림과 “더 많은 제공업체를 추가하십시오.(Add more providers)” 창에 Kakao 버튼이 추가된 것을 확인할 수 있습니다(이 때 버튼의 이미지가 깨지는 이유는 버튼 이미지 파일을 따로 만들지 않은 탓입니다. 적절한 크기의 Kakao버튼 이미지를 만들어 WSL 플러그인의 assets 폴더 아래에 있는 img 폴더에 넣어주면 됩니다).

이제 이 버튼을 클릭하면 아래와 같이 카카오 계정을 설정하는 부분이 추가된 것을 확인할 수 있을 것입니다.

여기에 나온 내용 대로 빈칸만 채워주면 설정은 끝입니다. 나와있는 내용 대로 Kakao Developers 페이지로 가서 새 앱을 하나 만들고 필요한 정보를 추가한 다음 Application Key 값(REST API 키)을 받아 빈칸에 넣어주면 됩니다(아래 그림 참고). 카카오 서비스는 OAuth 2.0 인증방식을 따릅니다만 통상적인 OAuth2 기반 서비스들과는 달리 Application Secret 값을 요구하지 않습니다. 그렇지만 WSL 플러그인에서는 이 값을 반드시 필요로 하기 때문에 아무 값으로라도 하나 채워주어야 합니다. 공란만 아니라면 어떤 값이든 상관 없습니다. 저는 그냥 Application Key 값(REST API 키)을 넣어서 사용하기로 하였습니다.

계정의 설정 방법은 페이스북이나 트위터 등 다른 SNS 서비스들과 다르지 않기 때문에 큰 어려움은 없을 것입니다.

이것으로 끝입니다.

몇 가지 유의사항

카카오 서비스에서는 통상적으로 실명을 사용하고 이 값은 한글 이름인 경우가 많습니다만 WSL 플러그인에서는 사용자 등록을 하는 과정에서 한글이름을 제대로 처리하지 못합니다. 이 문제는 테마의 functions.php 파일 속에 다음 코드를 추가하면 해결됩니다. add_filter( 'validate_username', 'usefulpa_validate_username_fix' ); function usefulpa_validate_username_fix( $valid, $username ) { if ( empty($username) ) return false; }
로그인 아이콘 (또는 어드민 대시보드에 들어가는 아이콘)은 카카오 사이트에서 내려받아 WSL 플러그인 디렉터리 내의 아이콘 이미지 디렉터리 속에 이름을 맞춰 넣어 주면 됩니다.

여기서는 카카오 서비스를 이용한 로그인 방법을 소개하였지만 네이버나 다음 같은 국내 다른 포털 서비스의 계정을 이용한 로그인도 이와 같은 식으로 처리하면 어렵지 않게 추가할 수 있으리라 생각됩니다.

네이버 로그인 연동 시 중요한 고려사항:

네이버 개발자 센터 등록: 네이버 아이디로 로그인 기능을 사용하려면 반드시 네이버 개발자 센터에 애플리케이션을 등록해야 합니다. 여기서 **클라이언트 ID(Client ID)**와 **클라이언트 시크릿(Client Secret)**을 발급받아야 플러그인에 입력하여 연동할 수 있습니다.
Callback URL 설정: 네이버 개발자 센터에 애플리케이션을 등록할 때 워드프레스 사이트의 Callback URL을 정확히 입력해야 합니다. 이 URL은 보통 플러그인 설정 페이지에서 확인할 수 있습니다.
HTTPS (SSL) 적용: 대부분의 소셜 로그인 서비스는 보안상의 이유로 **HTTPS(SSL 인증서)**가 적용된 웹사이트에서만 정상적으로 작동합니다. 워드프레스 사이트에 SSL 인증서가 설치되어 있는지 확인해야 합니다.
플러그인 호환성 및 업데이트: 워드프레스 플러그인은 지속적으로 업데이트되므로, 사용하는 워드프레스 버전 및 다른 플러그인과의 호환성을 확인하는 것이 중요합니다.
유료/무료 여부: 네이버 로그인을 지원하는 플러그인 중에는 무료도 있지만, 더 많은 기능이나 안정적인 지원을 제공하는 유료 플러그인도 많습니다.

플러그인 설치 및 설정 과정 (일반적인 흐름):

워드프레스 관리자 페이지에서 원하는 소셜 로그인 플러그인을 설치하고 활성화합니다.
네이버 개발자 센터 (developers.naver.com/apps/)에에) 접속하여 개발자 계정으로 로그인합니다.
“애플리케이션 등록” 또는 유사한 메뉴를 통해 새로운 애플리케이션을 생성합니다.
“네이버 아이디로 로그인” (네아로) API를 선택하고, 서비스 URL과 Callback URL을 입력합니다. Callback URL은 플러그인 설정 화면에 안내되어 있습니다.
생성된 애플리케이션의 클라이언트 ID와 클라이언트 시크릿을 확인하고 복사합니다.
워드프레스 관리자 페이지의 소셜 로그인 플러그인 설정으로 이동하여 복사한 클라이언트 ID와 클라이언트 시크릿을 붙여넣고 저장합니다.
필요에 따라 로그인 버튼의 위치, 디자인 등을 설정합니다.
테스트 로그인을 통해 정상적으로 작동하는지 확인합니다.

참고자료 : 1. 코스모스팜 회원관리

상희 김

검색엔진최적화, 인바운드마케팅, 유튜브최적화 전문

소셜 로그인 플러그인(네이버, 카카오 로그인)

상희 김

답글 남기기 응답 취소

소셜 로그인 플러그인(네이버, 카카오 로그인)

miniOrange Social Login and Register (Discord, Google, Twitter, LinkedIn) : 최소요금제가 $89임

wordpress-social-login

WordPress Social Login extends NAVER By kagla

사용팁(이하 초록색의 출처 : http://sir.co.kr/gnucommerce_tip/6 )

몇 가지 유의사항

상희 김

Related posts

워드프레스사이트 도메인 이전시 유용한 플러그인 : Better Search Replace

제휴마케팅 플러그인들 : 워드프레스(우커머스) purchase 이벤트 추적하기=향상된 전자상거래 추적하기, Affiliates Manage 플로그인)

.webp 미디어 파일 업로드 문제

답글 남기기 응답 취소