Home Wordpress 플러그인 Userpro 필드세팅 강좌 : 회원가입 페이지 커스터마이징

Userpro 필드세팅 강좌 : 회원가입 페이지 커스터마이징

2186
1
SHARE
UserPro 워드프레스 멤버십 회원관리 프로필 소셜로그인 플러그인

소라토파파 센쇼 입니다.

회원관리 및 프로필 플러그인으로 많이들 추천 하는것이 Userpro 입니다. 예시와 같은 회원가입 페이지 작성을 위한 추천 플러그인과 설정방법을 질문하신 분이 계셔서 포스팅 합니다.

지난글

워드프레스 회원관리,소셜로그인,프로필 플러그인 USERPRO 설치에서 기본설정까지

사용 플러그인

회원가입 샘플 페이지

크게 나눠 “계정 정보” 와 “사용자 프로필”로 구성되어 있으며 마지막에 스팸방지를 위한 reCapcha가. 폼 형식으로는 텍스트, 다중선택박스, 드롭다운 박스로 되어 있네요.

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

포스팅을 위해 로컬호스트에 Userpro 플러그인을 설치했습니다.

Userpro 필드설정

회원가입 페이지 항목의 커스터마이징을 위해 필드(Fields) 탭을 선택합니다.

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

Registration Fields의 구성항목들을 펼쳐주세요.

워드프레스-userpro-필드설정-회원가입페이지-05

Account Details, Profile Details, Social Profiles 3섹션으로 구성되어 있으며, 각각 세부항목들은 아래와 같습니다.

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

글씨로만 보니 어떻게 생겨먹었는지 잘 모르겠습니다. 페이지를 열어 구성 레이아웃을 살펴봅니다.

Userpro 플러그인 설치후 기본적으로 세팅되어지는 회원가입(Register) 페이지의 항목들이 한눈에 들어오죠.

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

그럼 기본 회원가입시 작성하게 되는 항목들 외에 체크박스와 드롭박스를 추가 해 보도록 하겠습니다. 오른쪽에 미리 준비되어 있는 항목이 있으면 드래그앤드롭으로 왼쪽에 놓아주시고, 없다면 Add New Field를 누릅니다.

워드프레스 회원관리 프로필 플러그인 userpro 설정 사용법

필드추가 항목

  • Field Title : 항목의 제목을 자유롭게 입력합니다.
  • Field Type : 적당한 형식을 선택합니다. 선택 및 체크 항목 선택시 항목 입력란이 나타납니다.

Text Input : 짧은 텍스트
Photo Upload : 사진 업로드
File Upload : 파일 업로드
Textarea : 문단 영역
Select Dropdown : 드롭다운 선택
Multiselect Box : 다중선택 상자
Checkbox : 체크박스
Radio Choice : 라디오버튼
Date Picker : 날짜 선택기
Mailchimp Newsletter Subscription : 메일침프 뉴스레터 구독
Password Field : 패스워드
Password Strength Meter : 패스워드 강도 표시기
Security Question Answer : 보안 질문 답변

  • Help Text : 도움말
  • Custom Placeholder : 미리 입력하여 표시 할 텍스트
  • Unique Field Key : DB생성시 중요한 항목입니다. 자유롭게 입력하면 되지만 중복되지 않으며 알아보기 편하게 입력합니다. 특수문자는 입력할 수 없으며 밑줄(_)은 사용 가능합니다.
  • Select/Sync an existing meta field key : 다른 플러그인에서 사용되고 있는 항목들을 끌어다 사용 할 수 있습니다. 해당하는 meta field key를 선택해 줍니다. 이 기능을 사용시에는 Unique Field Key는 입력 할 필요 없습니다.

워드프레스-userpro-필드설정-회원가입페이지-08

Field Type 에서 선택하는 항목들을 고르면 아래와 같은 항목들이 나타납니다.

  • Builtin Choice List : Countries List, Roles를 선택 할 수 있습니다.
  • Manual Choices / Options : 빌트인 선택항목 외의 내용들은 이곳에 한줄에 하나씩 입력합니다.

워드프레스-userpro-필드설정-회원가입페이지-08

입력항목들을 추가하였으면 필요에 따라 각 항목의 옵션을 체크해 줍니다. 필수항목엔 별표.

워드프레스-userpro-필드설정-회원가입페이지-08

워드프레스-userpro-필드설정-회원가입페이지-08

설정이 완료되었으면 Save를 누릅니다. 순서는 드래그앤 드롭으로 변경 하면 됩니다.

Title, Field Type, Unique Field Key만 제대로 입력하면 나머지는 크게 어려운 부분은 없습니다.

더 궁금하신 사항은 게시판에 글 남겨주세요.