워드프레스 로그인 페이지 만들기, wp members가 아닌 Ultimate member를 써야하는 이유

2024-06-26

조회수 : 98

워드프레스는 회원 관리 기능을 구현하는데 있어서 많은 멤버십 플러그인이 있지만, 그 중에서 Ultimate Member의 중요성을 놓칠 수 없습니다. 특히 중요합니다.Ultimate Member는 WP-Member보다 직관적이고 사용자 친화적인 인터페이스를 제공합니다. 또한 회원 관리에 필요한 전반적인 기능을 제공하여, 유연하고 강력한 회원 관리 시스템을 간편하게 구축할 수 있습니다.

워드프레스 로그인 페이지를 만들어야 하는 이유

워드프레스 웹사이트는 크게 2가지 방식의 로그인 방법이 있는데요. 

  • 워드프레스 관리자 로그인
  • 일반 회원 로그인

전자는 관리자 로그인으로 wpadmin 방식을 통해서 로그인하는 방법입니다. 보통 관리자로 워드프레스 대시보드에 접속하기 때문에 웹사이트 운영과 관리를 전반적으로 맡을 수 있습니다.

하지만 보안 유지상 일반 회원은 굳이 사이트 운영 관련 내용을 보면 안 되며, 또한 개인 정보를 보호해야 하기 때문에 관리자 페이지 접근은 일반적으로 허용되지 않습니다. 그렇다고 관리자 전용 로그인 폼은 일반 회원 입장에서는 멋이 없고, 밋밋하기만 합니다.

그래서 워드프레스 로그인 회원가입 플러그인을 통해서 로그인 폼을 별도로 만들어야 합니다.

Wp – Member와 Ultimate member 사이의 차이점

전반적으로 WP – Member는 간단하게 회원 가입 및 기능 구현하기에는 좋지만, 인터페이스가 사용자 친화적이지 않고 Ultimate Member에 비해서 확장성이 많이 떨어지는 편입니다.

아래는 둘의 차이점을 명확하게 비교한 표입니다.

Ultimate MemberWp-Member
기능 부분사용자 프로필 및 커뮤니티 기능까지 탑재기존적인 멤버십 콘텐츠 등으로 기능 한계
사용자 인터페이스직관적인 드래그앤 드롭 방식멤버십 위주의 협소한 화면 구성
확장성다양한 유로 플러그인을 통해서 확장 가능자유도가 낮은 편
커뮤니티 확장 가능OX

그래서 이와 같은 차이점을 고려하다 보니 워드프레스 사이트 운영 시 최대한 확장성과 자유도가 무궁무진하게 넓은 Ultimate Member 플러그인을 선택할 수밖에 없습니다.

워드프레스 플러그인, Ultimate Member의 장점

얼티밋 멤버 설정창

그렇다면 Ultimate Member로 워드프레스 멤버십 사이트를 구축하면 어떤 이점이 있는지 구체적으로 하나씩 알아보겠습니다.

  • 확장성과 유연성
  • 사용자 경험 개선
  • 보안 강화
  • 다국어 지원
  • 소셜 로그인 지원

확장성과 유연성

먼저 유료 플러그인과 얼티밋 멤버 k를 활용해서 회원제 사이트 운영에 필요한 다양한 기능을 탑재할 수 있습니다. 특히 Woocommere랑 연동이 되기 때문에 우커머스가 제공하는 주문 데이터를 바로 붙일 수 있고, css만 어느 정도 만질 수 있으면, 제법 일반 웹사이트 수준의 폼을 만들 수 있습니다.

다국어 지원

대표적인 다국어 플러그인인 WPML이랑 호환이 되기 때문에 다국어 사이트 운영할 때 고민을 덜을 수 있습니다.

워드프레스 코어와의 통합성

Ultimate Member 자체가 워드프레스 코어에 친화적이다 보니 누구나 사용자 역할이나 사용자를 쉽게 설정하고 관리할 수 있습니다. 특히 저 같은 경우는 워드프레스 자체가 제공하는 멤버 등급이 국내 사정상 전혀 인지가 안되기 때문에 국내에 맞게 별도의 회원 등급을 만들고, 이를 관리하고 있습니다.

Ultimte Member로 워드프레스 로그인 페이지 설치하기

그러면 다음으로 본격적으로 워드프레스 로그인 페이지를 만들어보겠습니다. 우선 Ultimate Member 플러그인 설치하고 플러그인을 활성화한 상태에서 로그인 페이지를 만듭니다.

로그인 페이지는 숏 코드 방식으로 구현되기 때문에 원하는 숏 코드를 가져오면 되며, 이후에는 밋밋한 상단에 배너를 넣어서 그럴듯한 로그인 폼을 만들 수 있습니다. 로그인 화면에는 이메일 주소와 비밀번호를 입력하면 됩니다.

로그인 폼을 이렇게 만들고 난 다음에 해줘야 할 것이 있는데요. 바로 로그인 주소를 비회원만 보이게 설정해야 합니다. 이미 Ultimate Member 같은 경우는 메뉴 자체에도 연동이 되기 때문에 내가 만든 페이지를 로그아웃한 유저만 보이게 할지, 아니면 로그인한 유저가 보이게 할지 설정할 수 있습니다. 워드프레스 회원제 사이트 운영을 보다 효율적으로 고도화 시키세요.

워드프레스 로그인 회원가입 사이트 기능 완성

워드프레스 비번 찾기 구현

얼티밋 멤버비밀번호 찾기 설정창

비번 찾기는 이미 숏 코드를 통해서 구현이 가능합니다. 특히 아이디 찾기 같은 경우는 해당 숏 코드를 바로 기억하시고, 로그인이나 회원가입 폼 밑에다가 넣으시면 됩니다. 단 여기서 주의해야할 게 비번 찾기는 보통 가입한 계정의 이메일 주소를 통해서 오기 때문에 사전에 SMTP 연동을 통해서 이메일 발송하는 프로세스를 구축해야 합니다.

워드프레스 소셜 로그인 구현하기

얼티밋 멤버 소셜 로그인 설정창

다음으로 로그인 회원가입 없이 바로 로그인이 가능한 소셜 로그인 방법입니다. Ultimate Member 자체도 확장 플러그인을 활용하면 소셜 로그인 구현은 해주나 문제는 국내 사용자들이 네이버나 카카오를 많이 사용하기 때문에 국내 정서와는 맞지 않습니다. 

얼티밋 멤버 k를 사용하는 것을 권해드립니다. 네이버/카카오/페이스북/구글 등의 소셜 로그인 연동뿐만 아니라 로그인 시 휴대폰 인증까지 할 정도로 기존 Ultimate Member에서 부족한 기능을 많이 보안한 플러그인입니다. 가격은 참고로 유료입니다.

로그인 보안 작업하기

얼티밋 멤버 사이트 로그인 보안 설정창

로그인 같은 경우는 보안이 정말 중요하다고 볼 수 있습니다. 특히 비번이 만약에 사용자 편의를 위해서 쉽게 할 경우 사이트 데이터 누출 보안을 위해서 로그인시 스팸들이 사이트에 들어오지 않게 보안 작업을 해야 하는데요. 대표적으로 할 수 있는게 바로 Google Recaptcha입니다.

Ultimate Google Recaptcha 플러그인을 사용하면 로그인 시 부족한 보안 기능을 채울 수 있습니다. 아래 영상을 보고 하시면 금방 따라 할 수 있습니다. 보다 로그인시 강력한 보안 작업을 원한다면 가입한 회원의 승인을 관리자가 하거나 아니면 이메일을 통해서 승낙하는 방식이 있습니다.

로그아웃 방법 구현하기

얼티밋 멤버 로그아웃 페이지 설정창

로그아웃은 Ultimate Member 플러그인을 통해서 회원가입 사이트를 구축한다고 가정한 상태에서 자기 도메인주소/logout이라는 링크를 넣으면 됩니다. 일반적으로 메뉴에서도 로그아웃을 사용자가 로그인한 상태에서만 로그아웃 버튼을 누르면 되는 것입니다. 그래서 이점을 꼭 잊지 않았으면 합니다. 로그인하는 사용자에게 로그아웃 버튼이 보여야 하는 것은 지극히 당연한 겁니다.

강력하고 유연한 회원제 사이트 운영

Ultimate Member를 통해서 로그인 페이지를 만들고, 회원제 사이트를 운영하는데 필요한 사항들에 대해서 알아보았습니다. 오늘 제가 알려준 내용을 바탕으로 아임웹이나 카페24랑 전혀 비교할 수 없을 정도로 강력하고 유연한 회원 관리 시스템을 구축할 수 있습니다. 

고객의 눈길을 끄는 퍼스널 브랜딩 홈페이지

작성자 : 웹핏 CEO 한상문
나만의 퍼스널 홈페이지 제작 컨셉으로 워드프레스 를 이용한 홈페이지
제작을 하고 있으며 강의 플랫폼 / 매거진 / 렌탈 쇼핑몰 / 플랫폼 /
다국어 홈페이지 / 펀딩 사이트 등의 다양한 프로젝트 런칭 경험 보유