주요 플러그인
플로그인 구입도 부담이지만 네이버, 카카오 개발자 센터에서 키값을 얻는 것도 상당한 전문성을 요구함.
아래의 링크를 참조하면 이용 가능하나 최소 요금제가 $ 89 입니다.
WordPress 웹사이트에서 Naver 로그인 구성 가이드 | 플러그인
miniOrange Social Login을 사용하여 WordPress에서 Kakao로 로그인 구성
By Miled
Login for Google Apps By Syed Balkhi 이 구글 로그인만 되는데 반해, 이 플러그인은 구글, 페이스북, 트위터은 기본이고 야후, 링크드인, 텀블러, 레딧, 디스코드, 얀덱스 등 수없이 많은 로그인이 된다는 것은 그 장점임. 보안문제가 없다면 이용을 시도해보는 것도 괜찮은 듯 함.
https://wordpress.org/plugins/wordpress-social-login/
WordPress Social Login 플러그인은 2023년 7월 27일 보안상의 이유로 워드프레스 저장소에서 제거되었습니다. 이 플러그인을 이용하고 싶은 경우 다른 사용자가 업데이트하여 GitHub에 올린 버전을 다운로드할 수 있지만, 보안 문제가 해결되지 않았을 수도 있으므로 사용에 신중을 기하시기 바랍니다.
FTP로 fuction.php를 수정하고 github의 안내대로 하였는데, 카카오와 네이버 모두 아래와 같이 나오면 연결이 안돼 포기함. 이 플러그인은 더 이상 시도하지 마시고 포기하세요.

이 플러그인은 WordPress Social Login 플러그인 에서 naver 로그인과 kakao 로그인을 할수 있는 플러그인입니다.
( 반드시 WordPress Social Login 플러그인을 설치해야 합니다. WordPress Social Login 플러그인은 2023년 7월 27일 보안상의 이유로 워드프레스 저장소에서 제거되었습니다. 이 플러그인을 이용하고 싶은 경우 다른 사용자가 업데이트하여 GitHub에 올린 버전을 다운로드할 수 있지만, 보안 문제가 해결되지 않았을 수도 있으므로 사용에 신중을 기하시기 바랍니다.)
naver 로그인 및 kakao 로그인을 설정하는 방법은 아래 url에 자세히 설명해 놓았습니다.
우선 워드프레스에 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로 디렉토리를 만들고 복사 및 붙여넣기 하였습니다.
그 다음으로는 워드프레스 알림판에서 [모양] -> [테마 파일 편집기]로 이동하여 편집할 테마를 선택한후 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 서비스들과 다르지 않기 때문에 큰 어려움은 없을 것입니다.
이것으로 끝입니다.
add_filter( 'validate_username', 'usefulpa_validate_username_fix' ); function usefulpa_validate_username_fix( $valid, $username ) { if ( empty($username) ) return false; }여기서는 카카오 서비스를 이용한 로그인 방법을 소개하였지만 네이버나 다음 같은 국내 다른 포털 서비스의 계정을 이용한 로그인도 이와 같은 식으로 처리하면 어렵지 않게 추가할 수 있으리라 생각됩니다.
네이버 로그인 연동 시 중요한 고려사항:
플러그인 설치 및 설정 과정 (일반적인 흐름):
참고자료 : 1. 코스모스팜 회원관리