어제 Short Note에서 예고한대로 LoginRadius를 설치하고 홈페이지에 반영되는 결과 들을 캡쳐하여 올린다.

 1. LoginRadius 플러그인 설치와 API 설정

플러그인을 wordpress.org 에서 LoginRadius를 검색하여 다운받고 관리자화면에서 설치하고 나면 좌측의 관리자 메뉴에서 아래와 같은 새로운 메뉴를 볼 수 있다.

     Enable Plugin Now’ 버튼을 누르면 (설치과정의 편리를 위해서 오론쪽 버튼으로 새창 열기를 하는 것이 좋다,) LoginRadius 홈페이지로 이동한다.

(그런에 저 새까만 박스는 좀 안나오게 할수없을까?  귀찮구만…)

.여기서 계정이 아직 없으므로 ‘ Get Started ‘ 버튼을 눌러 회원가입하고 로긴한다. 자기사이트 회원가입에도 소셜 ID를 이용할 수 있게 되어있다.(편리^^)

페이스북이나 자신이 선호하는 소셜아이디를 이용하면 된다. 소셜계정에서 정보를 가져오겠다는 메시지에서 확인 누르고 진행한다.

 필자는 여기서 트위터를 선택했는데 트위터는 기본적으로 이 메일주소를 넘겨주지 않아서 이 메일을 다시 묻는다. ‘verify Email’ 버튼을 누르면 기재한 이 메일 주소로 메일이 발송된다.

      이 메일을 열어서 링크된 주소를 클릭하면 위의 창이 뜬다. 사이트이름을 등로하는 창이다.  자신이 사용할 사이트 주소와 사이트 네임, 전화번호를 입력한다. 사이트 네임은 홈페이지 주소로부터 자동으로 입력되는데 이것은 Disqus에서 처럼  이차 도메인네임으로도 쓰이므로 너무 길다면 짧게 줄여 주는 것이 좋다.   국가 코드란의 역삼각형을 누르면 알파벳 순서로 나라 이름이 나오는데 korea를 누르면 북한 바로 뒤에 나온다.  이상한 것은 국가번호가 +82가 아니라는 점인데 그냥 넘어가고 자신의 폰 번호를 입력하고 엔터키를 누르면 아래와 같은 창을 만나게 된다.

‘Others’를 눌러서 WordPress를 선택한다.  (Domain은 자동 입력되어 있을 것이지만 혹시 오타가 있다면 수정할 수 있다.)

 

 

 그림6.에서 Callback URL란에는 바로 위에 입력된 ‘ Domain’  URL을 복사하여 붙여준 뒤 ‘/callback’ 이라고 덧붙여 주면된다. 저장 버튼을 누르면 자동으로  다음 단계로 이동한다.

이제 Social ID Providers 입력단계이다.

next 버튼 를 누른다.

… ‘next’버튼을 또 누른다.  (Facebook 의 APP ID와 APP Secret을 입력할 단계로 넘어가게 될 것이다.)

이제  App ID, App Secret 를 넣을 두개의 빈칸이 보인다. 차례인데 우측에 보이는 숫자를 순서대로 눌러가면 친절한 설명과 함께 진행할 수 있다.

   가장 우측에 파란색 log in 버튼을 누른다. (아니면 숫자  밑에 보이는  파란색의 ‘Facebook Developers’ 를 누르면 페북 페이지로 이동하는데 이때는 현재 창을 그대로 남겨두는 것이 편리하므로 우측마우스를 이용해서 새창 띠우기를 하자. )

필자는 새창띠우기를 하면서 페이스북에 로그인 하였다.   새앱 만들기를 누르면 일반적인 Facebook app 만들기 절차가 진행되는데 다른 글(블로거에 페북댓글 달기)에서  설명한 것이 있으므로 여기서는 자세한 설명은 생략하기로 한다.

  (필자는 앞으로도 수많은 앱을 등록하게 될 것이라고 판단하여 스스로 앱을 식별하기 좋은 방식을 선택했다.  ‘어떤 홈페이지의 어떤 프러긴을 위한 앱이다’  라고 명명함 )

   그림12의  아랫부분에  App domain과 website with facebook login 란에 입력할 값은 각각 LoginRadius 안내화면의 4번 화면(그림14. )에서 노란색으로 칠해진 부분을 클릭하여 복사한 후에 붙여넣기 하면 된다.

 이제 그림12으  상단 박스 속에 있는 ‘App ID’ 값과 ‘App Secret’ 값을 복사하여 그림 11.의 입력창에  붙여넣기 하고 바로 밑에있는 저장버튼을 누른다.

 이제 다음 소셜아이디를 진행 할 차례이다 .

하지만 만약  구글 플러스를 더 진행하려면 맨위의 구글플러스 에 체크하고 또 다시 FACEBOOK 의 경우에서 그림 13과 유사한  화면이 나타날 것이다.  여기서는 페이스북 만 진행하였다.  제일 아래에 있는 파란색 버튼 눌러서 저장버튼….

 그러면 홈페이지 화면에 넣을 API key 값과 API Secret 값이 보이는 화면(그림15.)으로 이동된다.

이것을 복사해서 처음 홈페이지에서 플러그인 설치했던 화면에 있는 박스에 붙여넣기 하고 저장버튼..(저장하기 전에 값이 올바르게 입력되었는지 확인하는 것이 안전하다.   Verify버튼을 누른다.)

( to be continued… )