워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration

Last Updated: 2024년 05월 12일 | | 2개 댓글

워드프레스 회원 가입 양식에 전화번호 등 추가적인 필드를 표시하고 싶은 경우 Ultimate Member, WP-Members와 같은 멤버십 플러그인을 사용할 수 있습니다. 복잡한 멤버십 기능이 필요하지 않은 경우 간편하게 커스텀 필드를 추가할 수 있는 플러그인으로 User Registration (회원 등록)이 있습니다.

회원가입 양식에 간편하게 추가 필드를 표시하고 회원 정보를 관리자가 수정하거나 사용자 목록을 내보내기 하는 등의 작업이 필요한 경우 이 플러그인이 괜찮은 선택일 수 있습니다. 최근 UM이나 WP-Members 대신 이 플러그인을 사용하여 몇 차례 작업했는데, 나름 만족스러운 결과를 얻었습니다.

단순히 로그인 페이지의 레이아웃을 커스텀하고 싶은 경우에는 "워드프레스 로그인 페이지 플러그인으로 로그인 화면을 멋지게 꾸미기"에서 소개하는 플러그인을 설치하여 테스트해보시기 바랍니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration

코딩 기술이 전혀 없는 초보자인 경우 User Registration의 드래그 앤 드롭 폼 빌더(form builder)를 맞춤형 회원가입 양식을 만들 수 있습니다. 연락처 등 사용자 정의 필드를 쉽게 추가할 수 있습니다.

로그인 페이지 예시:

워드프레스 로그인 페이지

회원가입 페이지 예시:

워드프레스 회원가입 페이지

플러그인 설치 후 설정

워드프레스 관리자 페이지의 플러그인 » 새 플러그인 추가에서 "User Registration"을 검색하여 이 플러그인을 설치할 수 있습니다.

플러그인을 설치하고 활성화하면 워드프레스 대시보드에 User Registration 메뉴가 표시됩니다. User Registration 메뉴를 클릭하면 플러그인 설정 안내 화면이 표시됩니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 11

설정 과정을 생략하고 수동으로 설정해도 되고, Get Started 버튼을 눌러 기본적인 설정 과정을 진행할 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 12

페이지 설정 단계가 표시되면 Install & Proceed 버튼을 클릭합니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 13

General Settings 단계에서 몇 가지 옵션을 설정할 수 있습니다. 추후에 이러한 설정을 변경할 수 있지만, 해당 옵션을 찾는 데 조금 시간이 걸릴 수 있습니다.😄

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 14

User Approval And Login Option에서 자동 승인 및 수동 로그인 또는 자동 로그인 등을 선택할 수 있습니다.

Registration Settings에서는 강한 비밀번호를 사용할 것인지 여부를 지정하고 기본 사용자 역할을 지정할 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 15

Enable Strong Password를 선택하면 회원 등록 시 강력한 비밀번호를 입력해야 합니다. 약한 패스워드를 입력하는 것을 허용하려면 이 옵션을 선택하지 않습니다. 마찬가지로 이 옵션도 추후에 변경이 가능합니다.

My Account Settings에서는 내 계정 페이지의 레이아웃을 지정하고 프로필 사진 활성화 여부를 선택할 수 있습니다. 내 계정 페이지에서 메뉴를 가로로 표시할지, 아니면 세로로 표시할지 여부를 지정하도록 합니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 16

설정이 완료되면 알림판으로 이동하여 회원등록 양식을 편집하는 등의 작업을 계속 진행할 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 17

회원가입 양식 편집 페이지에서 강력한 비밀번호 활성화 옵션을 변경할 수 있고, 회원 등록 후 리디렉션을 지정할 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 18

이 플러그인은 한글화가 비교적 잘 되어 있으며, 한글화가 안 된 메시지는 직접 설정 페이지에서 한국어로 번역하거나 원하는 문구로 바꿀 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 19

User Registration의 무료 버전 vs. 유료 버전

User Registration의 무료 버전에서는 콘텐츠 제한 등의 기능이 제공되지 않지만, 유료 버전에서는 콘텐츠 제한, 페이지 결제, 고급 필드, 우커머스 통합, 파일 업로드 허용, 단계별 회원가입, 이메일 템플릿, SNS 계정을 통한 회원가입(페이스북, 트위터, LinkedIn 등), Mailchimp, LearnDash, 2 단계 인증, Stripe 등 다양한 추가적인 기능을 활용할 수 있습니다.

워드프레스 커스텀 회원가입, 로그인 양식 플러그인 - User Registration 20

워드프레스 기본 로그인/회원가입 페이지에 접속 시 사용자 정의 페이지로 리디렉션시키기

이 플러그인의 무료 버전에는 콘텐츠 제한 등의 기능이 포함되어 있지 않지만, 정교한 기능이 필요한 경우가 아니면 코드를 사용하여 로그인해야 특정 페이지에 대해 접근하도록 하는 등의 기능을 구현할 수 있습니다.

또한, 워드프레스의 기본 로그인 페이지와 회원가입 페이지에 접근할 경우 User Registration의 로그인 페이지와 회원가입 페이지로 리디렉션하도록 코드를 추가할 수 있습니다.

// 기본 워드프레스 회원 가입 페이지로 이동할 때 사용자 리디렉션 설정
function redirect_registration_page() {
    // wp-login.php?action=register로 접근하면 커스텀 회원가입 페이지로 리디렉션
    if ( isset($_GET['action']) && $_GET['action'] == 'register' ) {
        wp_redirect('https://example.com/registration/');
        exit();  // 리디렉션 후 코드 실행을 중단
    }
}
add_action('login_init', 'redirect_registration_page');

function redirect_login_page() {
    // 새 로그인 페이지 URL을 설정합니다.
    $login_page_url = 'https://example.com/my-account/';
    
    // wp-login.php로 직접 접근하면 새 로그인 페이지로 리디렉션합니다.
    $current_page = basename($_SERVER['PHP_SELF']);
    if ($current_page == 'wp-login.php' && !isset($_GET['action'])) {
        wp_redirect($login_page_url);
        exit();  // 리디렉션 후 코드 실행을 중단
    }
}
add_action('init', 'redirect_login_page');

차일드 테마를 만든 후에 차일드 테마(자식 테마)의 함수 파일에 상기 코드를 추가할 수 있습니다.

참고


2 개 댓글

Leave a Comment

할인 소식
아스트라 테마 최대 40% 할인!
Limited Time Offer
You This Coupon Code in Checkout
Click the code to Copy