소라토파파 센쇼 입니다.
회원관리 및 프로필 플러그인으로 많이들 추천 하는것이 Userpro 입니다. 예시와 같은 회원가입 페이지 작성을 위한 추천 플러그인과 설정방법을 질문하신 분이 계셔서 포스팅 합니다.
지난글
워드프레스 회원관리,소셜로그인,프로필 플러그인 USERPRO 설치에서 기본설정까지
사용 플러그인
[wp-pic type=”envato” slug=”5958681″ layout=”large” ]
회원가입 샘플 페이지
크게 나눠 “계정 정보” 와 “사용자 프로필”로 구성되어 있으며 마지막에 스팸방지를 위한 reCapcha가. 폼 형식으로는 텍스트, 다중선택박스, 드롭다운 박스로 되어 있네요.
포스팅을 위해 로컬호스트에 Userpro 플러그인을 설치했습니다.
Userpro 필드설정
회원가입 페이지 항목의 커스터마이징을 위해 필드(Fields) 탭을 선택합니다.
Registration Fields의 구성항목들을 펼쳐주세요.
Account Details, Profile Details, Social Profiles 3섹션으로 구성되어 있으며, 각각 세부항목들은 아래와 같습니다.
글씨로만 보니 어떻게 생겨먹었는지 잘 모르겠습니다. 페이지를 열어 구성 레이아웃을 살펴봅니다.
Userpro 플러그인 설치후 기본적으로 세팅되어지는 회원가입(Register) 페이지의 항목들이 한눈에 들어오죠.
그럼 기본 회원가입시 작성하게 되는 항목들 외에 체크박스와 드롭박스를 추가 해 보도록 하겠습니다. 오른쪽에 미리 준비되어 있는 항목이 있으면 드래그앤드롭으로 왼쪽에 놓아주시고, 없다면 Add New Field를 누릅니다.
필드추가 항목
- 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는 입력 할 필요 없습니다.
Field Type 에서 선택하는 항목들을 고르면 아래와 같은 항목들이 나타납니다.
- Builtin Choice List : Countries List, Roles를 선택 할 수 있습니다.
- Manual Choices / Options : 빌트인 선택항목 외의 내용들은 이곳에 한줄에 하나씩 입력합니다.
입력항목들을 추가하였으면 필요에 따라 각 항목의 옵션을 체크해 줍니다. 필수항목엔 별표.
설정이 완료되었으면 Save를 누릅니다. 순서는 드래그앤 드롭으로 변경 하면 됩니다.
Title, Field Type, Unique Field Key만 제대로 입력하면 나머지는 크게 어려운 부분은 없습니다.
[wp-pic type=”envato” slug=”5958681″ layout=”large” ]
더 궁금하신 사항은 게시판에 글 남겨주세요.
