워드프레스 로그인 구축하기

혹시 내 워드프레스 사이트를 특정 인원들만을 위해서 공개하고 싶다면 

이 글의 목적은 간략하게 로그인을 구축하고 회원만이 볼 수 있는 페이지를 하나 만드는 것입니다.

필요한 플러그인 설치

워드프레스의 최대 장점은 굳이 귀찮게 코딩 할 필요 없이 알아서 작동되는 플러그인이 많다는 겁니다.

당연히 회원제를 위한 무료 플러그인이 존재하며 이를 활용해서도 충분히 간단한 시스템을 구축 가능합니다.

저는 2가지 플러그인을 이용할 계획입니다. 

“WP-members” 플러그인, 그리고 “Elementor” 플러그인 입니다.

위와 같이 2개의 플러그인을 다운로드 해주시면 됩니다.

2개의 플러그인 모두 “무료” 입니다.

다운로드 이후 플러그인 활성화를 잊지 맙시다!

로그인 페이지 설정하기

WP-Members 를 활용하기 이전에 다음과 같이 왼쪽 대쉬보드에서 Pages 내부에 있는 

“Add New Pages” 를 눌러주세요.

저는 대강 이런 식으로 설정을 했습니다.

이 페이지를 가상의 로그인 페이지로 사용하려 합니다. 

Elementor 가 정상적으로 다운로드 되었다면, “Edit With Elementor” 버튼이 보일 겁니다.

그냥 편집기라고 생각하시면 편합니다. 

 

저는 이런 느낌으로 아주 대강 페이지를 꾸몄습니다. 

한 번 실제로 해당 페이지로 접속을 해보겠습니다. 

 

이런 식으로 나타납니다.

보기 좋지 않지만 기능 구현을 위해서 만드는 테스트 페이지기에 별 상관은 없습니다. 

이제 다시 관리자 페이지로 이동하고, 왼쪽 대쉬보드에서 “Setting” => “WP-Members” 로 가줍시다. 

 

이런 느낌으로 이런 저런 기능을 설정할 수가 있네요. 

여기서 저는 다음과 같은 부분만 설정을 했습니다. 

 

Content Restriction 을 둘 다 Do not restrict 로 변경했습니다.

또한 Pages 내부에서 Login Page를 방금 Elementor 로 생성한 Test-Login 페이지로 설정을 해줬죠. 

이후 아래에 있는 “Update Setting” 버튼을 통해서 이 설정을 저장했습니다. 

다만, 단순히 이렇게 설정을 한다고 바로 로그인 form이 생성되지는 않습니다. 

 

아까 Test-Login 페이지를 만들기 위해 들어갔던 Elementor 편집기로 다시 들어갑니다.

편집이 왼쪽 섹션에서 “Shortcode” 를 검색합니다.

해당 요소를 드래그 하여 적당한 위치에 넣어주세요. 그럼 해당 숏코드 내부에 작성이 가능합니다.

작성 내용은

Existing Users Log In
   
입니다. [] 까지 작성을 해주면 됩니다. 

그럼 다시 Test-Login 페이지로 가보면…

보이나요?

로그인 form 이 나타나게 됩니다.

여기에 제 이메일과 비번으로 로그인을 해보면…

이런 식으로 당신은 이미 로그인이 되어 있다는 메시지가 나타나네요. 

이걸로 이제 로그인 여부를 평가할 수 있게 됩니다. 

유저 생성하기

내가 원하는 임의의 유저를 생성하는 방법입니다.

관리자 페이지 왼쪽 대쉬보드에서 “Users” => “Add New User” 통해서 유저 생성이 가능합니다. 

 

마치며...

이제 특정 유저들을 위해서 계정을 생성해주고,

로그인 여부를 통해서 특정 페이지만을 보여주는 것이 가능할 것입니다.