WordPress에서 Facebook 계정으로 로그인하는 방법

가입하거나 로그인할 때 Facebook 계정으로 계속하기 옵션이 표시된 수십 개의 웹사이트를 검색했을 것입니다. 많은 사람들이 이 버튼을 좋아합니다. 등록할 필요가 없고 비밀번호도 기억할 필요가 없기 때문에 시간을 절약할 수 있기 때문입니다. 그들에게 필요한 것은 기존 Facebook 계정뿐입니다.

이 기능은 웹사이트의 등록률을 극적으로 향상시킬 것을 약속합니다. 그리고 현재 엄청난 수의 Facebook 사용자가 있는 상황에서 이러한 할인을 놓칠 수 없겠죠? 또한, 사용 가능한 소셜 네트워크 계정을 사용하여 사람들을 홍보하는 것도 나중에 마케팅 캠페인에 많은 도움이 될 것입니다.

이러한 훌륭한 기능이 마음에 들지만 여전히 사용자가 WordPress 웹사이트 에서 Facebook 계정으로 로그인할 수 있도록 하는 방법이 궁금하다면 이 게시물이 적합합니다!

계속 읽으세요!

기존 Facebook 계정으로 웹사이트에 로그인하는 것은 웹 소유자와 방문자 모두에게 매우 빠르고 편리합니다!

1단계: "Nextend 소셜 로그인" 플러그인 설정

사용자가 WordPress 웹사이트에서 Facebook 계정으로 로그인할 수 있도록 하는 옵션을 만드는 데 도움이 되는 플러그인이 많이 있습니다. 그럼에도 불구하고 Nextend 소셜 로그인 플러그인은 이제 가장 많은 사용자와 좋은 피드백을 받은 최고의 플러그인입니다.

이 플러그인은 웹에서 소셜 네트워크 옵션으로 가입 및 로그인 을 만드는 데 사용됩니다. Facebook뿐만 아니라 Paypal, Pinterest, Disqs, Amazon, Twitter, Google 등과 같은 다른 유명 플랫폼도 사이트와 통합할 수 있습니다. 이 플러그인은 너무 편리하고 강력하지 않나요? 이제 설치 방법을 알아보겠습니다.

관리자 대시보드에서 플러그인 메뉴로 이동합니다. 새로 추가를 클릭하고 nextend 소셜 로그인 키워드를 검색합니다 .

첫 번째 결과 Nextend 소셜 로그인 및 등록(Facebook, Google, Twitter)을 선택 하고 지금 설치를 클릭 합니다 . 몇 초 동안 기다렸다가 이 버튼이 나타나면 계속해서 활성화를 클릭하십시오.

다음으로, 관리자 대시보드에서 설정 > Nextend 소셜 로그인 으로 이동하여 설정 을 조정합니다.

새 창에서 다양한 플랫폼의 다양한 선택 사항이 표시됩니다. 아마도 다음 게시물에서 모두 설정하는 방법을 안내해 드리겠습니다. 하지만 이제 Facebook으로 돌아가서 Facebook 상자에서 시작하기 를 클릭 하기 만 하면 됩니다.

이제 화면에 Facebook 앱을 만드는 단계별 가이드(16단계)가 있습니다. 아래에서 직관적인 지침을 보여드리겠습니다.

2단계: Facebook 앱 설정

2.1. 개발자용 Facebook 계정 가입/로그인

우선 플러그인이 지시하는 대로 https://developers.facebook.com/apps/로 이동합니다.

개발자용 Facebook 사이트의 화면이 표시되면 페이지 오른쪽 상단의 지금 등록을 클릭하여 Facebook 개발자 계정을 생성합니다.

이 사이트는 Facebook 계정으로 등록하도록 요청합니다. 이벤트에서 Facebook 계정이 두 개 이상인 경우 하나만 선택하세요. 그런 다음, 페이스 북 계정의 비밀번호를 눌러 다음과 채우기 요구한다면.

다음으로, 어떤 옵션이 귀하에게 가장 적합한지 묻는 메시지가 표시되면 한 가지 옵션을 선택하십시오. 확실하지 않은 경우 기타 를 선택하십시오.

2.2. 페이스북 앱 만들기

새 팝업 창에서 새 앱 만들기 버튼을 눌러 이 계정에 대한 새 Facebook 앱을 만듭니다. 이것은 Nextend 소셜 로그인 플러그인 가이드의 3단계에 해당합니다.

다음, 표시 이름 상자에 이름 을 입력하고 최상의 관리를 위한 경우 연락처 이메일에 이메일 을 입력합니다. 또는 거기에 아무거나 쓰고 나중에 편집할 수 있습니다.

완료하려면 앱 ID 생성 버튼을 누릅니다.

2.3. 새 Facebook 앱 구성

다음 화면에서 시나리오 섹션의 옵션을 선택하지 마십시오. 대신 먼저 왼쪽의 설정 > 기본 메뉴로 이동합니다.

아래와 같은 인터페이스가 나타납니다.

다음과 같이 누락된 정보로 해당 필드를 채우십시오.

• 앱 도메인: 거기에 웹사이트의 도메인을 씁니다.
• 개인정보 보호정책 URL: 웹사이트의 개인정보 보호정책 페이지에 좋아요 표시되는 URL을 이 상자에 입력합니다.
• 서비스 약관: 웹사이트의 서비스 약관 페이지에 링크된 URL을 이 상자에 입력합니다.

다음은 내 웹사이트의 예입니다. 내 웹 페이지의 바닥글에 이 URL을 넣습니다. 이제 거기에 가서 URL을 복사한 다음 필수 필드에 붙여넣기만 하면 됩니다.

위의 3개 필드를 모두 완료한 후 해당 필드 아래에 있는 변경 사항 저장 버튼을 누릅니다.

같은 창에서 왼쪽의 제품 (+) 메뉴에서 십자(+)를 클릭합니다. 여기에서 Facebook 로그인 상자의 설정 버튼을 누릅니다.

이제 제품 (+) 메뉴에 Facebook 로그인 이라는 제품이 표시됩니다. 그것을 클릭한 다음 빠른 시작 옵션을 선택하십시오. 여기에 4가지 옵션이 표시됩니다. Facebook 로그인을 웹사이트와 통합하려고 할 때 세 번째 옵션인 웹을 선택하기만 하면 됩니다.

다음 화면에는 사이트 URL 이라는 빈 필드가 있습니다. 웹사이트 URL로 채우자. 그런 다음 저장 을 클릭합니다.

이제 Facebook 로그인 제품의 설정 하위 메뉴로 이동하여 구성합니다.

유효한 OAuth 리디렉션 URI 섹션에서 유효한 OAuth 리디렉션 URI 필드를 찾습니다. 다음과 같이 이 상자에 URL을 입력해야 합니다.

http://your-website-domain/wp-login.php?loginSocial=facebook

이 링크를 복사하고 your-website-domain 을 웹사이트 도메인으로 바꾼 다음 변경 사항 저장 을 클릭 하기만 하면 됩니다.

2.4. 생성한 Facebook 앱을 활성화합니다.

현재 페이지 상단에서 상태 – 개발 중 t 옆에 있는 회색 끄기 버튼을 확인합니다. 앱을 공개하려면 누르세요.

다가오는 팝업에서 웹사이트의 카테고리를 선택하십시오. 그런 다음 확인 버튼을 누릅니다.

이제 끄기 버튼이 켜기로 변경되고 녹색이 됩니다. 또한 상태 도 개발 중에서 동시에 라이브 로 변경됩니다. 즉, Facebook 앱이 활성화되었습니다.

이 설정을 저장하려면 변경 사항 저장을 다시 클릭하는 것을 잊지 마십시오.

3단계: Facebook 앱을 사이트의 플러그인과 통합

WordPress 사이트의 Nextend 소셜 로그인 플러그인 설정 페이지로 돌아갑니다. 페이지 하단을 보고 Facebook 앱 설정 완료 버튼을 클릭하여 Facebook 앱 을 완전히 설치하고 구성했는지 확인합니다.

다음 화면으로 이동합니다.

App ID(필수) 및 App Secret(필수) 필드에 Facebook 앱 정보를 입력하고 변경 사항 저장을 눌러 보겠습니다.

Facebook 앱에 필요한 정보를 얻으려면 Facebook for Developers 홈페이지로 돌아가세요. 대시보드에서 설정 > 기본으로 이동하면 원하는 항목이 표시됩니다. 복사하여 플러그인 설정 페이지의 필드에 붙여넣습니다.

이제 구성을 확인해야 한다는 알림이 표시됩니다. 설정 확인을 눌러 구성한 내용을 확인 하십시오 .

지금 새 창이 나타나고 Facebook 계정에 로그인하라는 메시지가 표시됩니다. 개발자용 Facebook에 계정을 등록할 때 사용한 계정으로 로그인합니다. ... 로 계속을 눌러 로그인 프로세스를 완료합니다.

테스트가 성공 했다는 플러그인의 알림이 표시됩니다. 설정이 완료되었다는 뜻입니다.

그러나 플러그인이 노란색 상자에 알림이 잘 작동함 - 비활성화됨을 표시 하는 경우(아래 그림과 같이) 웹사이트에서 Facebook 앱이 활성화되지 않았음을 의미합니다. 따라서 활성화 버튼을 눌러 Facebook 앱이 사이트에서 유효하도록 허용하십시오. 그런 다음 변경 사항 저장을 클릭 합니다.

4단계: 웹에 "Facebook 계정으로 로그인" 버튼을 표시할 새 페이지 추가

WordPress 관리 대시보드에서 페이지 > 새로 추가 로 이동합니다. 거기 에서 웹용 Facebook 앱 로그인 과 같은 제목으로 웹 사이트에 완전히 새로운 페이지를 추가합니다 .

새 페이지의 본문에 단축 코드 [ nextend_social_login ]를 작성한 다음 오른쪽 사이드바에서 게시 를 누릅니다.

이제 WordPress 사이트에는 이미 Facebook 로그인 페이지가 있습니다.

성공 여부를 확인할 수 있습니다. 생성한 페이지의 영구 링크를 복사하고 현재 웹 계정에서 로그아웃한 다음 링크를 탐색 모음에 붙여넣으면 새 로그인 페이지에 액세스할 수 있습니다.

새 로그인 페이지는 아래와 같이 표시됩니다.

관리자 계정으로 다시 로그인하면 Facebook 계정을 사용하여 로그인하는 옵션이 하나 더 추가된 것을 볼 수 있습니다.

이제 사이트에 Facebook으로 계속하기 옵션이 있습니다.

보너스: "Facebook으로 계속하기" 버튼을 사용자 지정하는 방법

보시다시피 기본 버튼에는 Facebook으로 계속 이라는 텍스트가 있고 클래식한 파란색이 있습니다. 수정하려면 다음과 같이 하십시오.

관리자 대시보드에서 설정 > Nextend 소셜 로그인 으로 이동한 다음 버튼 탭을 선택합니다.

Nextend 소셜 로그인 플러그인이 제공하는 3개의 버튼에 해당하는 3개의 필드가 있습니다. 각 필드의 텍스트를 변경하여 각 버튼의 텍스트를 편집합니다.

거기에:

• 로그인 레이블: 이 레이블은 사용자가 사이트에 로그인하려고 할 때 버튼에 표시됩니다.
• 링크 레이블: 이 레이블은 사용자가 Facebook 계정을 사이트와 연결하려고 할 때 버튼에 표시됩니다.
• 레이블 연결 해제: 이 레이블은 사용자가 사이트에서 Facebook 계정의 연결을 해제하려고 할 때 버튼에 표시됩니다.
• 기본 버튼: 버튼의 기본 디자인에 만족하는 경우 이 상자를 비워 둡니다. 그렇지 않으면 상자를 선택하여 원하는 대로 버튼을 사용자 정의합니다.

조정을 마친 후 변경 사항 저장 을 클릭합니다.

주목

귀하와 다른 사용자가 Facebook 계정을 사용하여 귀하의 웹사이트에 새 계정을 등록할 수 없는 경우 귀하의 사이트에서 멤버십 설정을 다시 확인하십시오.

관리자 대시보드에서 설정 > 일반으로 이동합니다 . 멤버십 및 새 사용자 기본 역할 이라는 두 가지 옵션이 있습니다.

멤버십 섹션에서 누구나 등록 가능 상자가 선택되어 있는지 확인하십시오.

새 사용자 기본 역할 필드에서 새 레지스터에 적합한 역할을 선택합니다. 내 사이트의 경우 Customer 로 설정했습니다.

아래로 스크롤하고 변경 사항 저장을 클릭하여 설정을 저장합니다.

이제 누구나 웹사이트 로그인 페이지에서 Facebook으로 계속하기 버튼을 사용하여 새 계정을 등록할 수 있습니다.

마지막 단어

이것은 꽤 긴 게시물이지만 가장 간단한 가이드 중 하나이며 WordPress에 가장 적합한 플러그인을 사용하는 것입니다.

그러나 동일한 결과를 얻을 수 있는 방법은 많이 있습니다. CSS 또는 PHP에 대한 지식이 있다면 WordPress 웹사이트에서 Facebook 계정으로 로그인할 수 있도록 약간의 코딩을 해야 합니다 .
어쨌든 다른 간단한 방법으로 WordPress 에서 Facebook 계정으로 로그인하는 방법을 알고 있다면 아래에 의견을 남겨 우리와 공유하십시오. 감사합니다!