워드프레스 등록 양식에 새로운 필드를 쉽게 추가해주는 Cimy User Extra Fields

유료 플러그인을 사용하면 워드프레스 회원 등록 양식을 마음대로 변경하고 관리할 수 있지만 무료 플러그인의 경우 어느 정도 한계가 있습니다. 이 글에서는 무료 플러그인을 사용하여 기본 워드프레스 등록 양식에 필드를 추가하는 방법을 살펴보겠습니다.

기본 워드프레스 등록 양식에 필드를 추가하는 무료 플러그인에는 여러 가지가 있습니다. 예를 들어, User Registration Aide도 그 중의 하나입니다. 이 플러그인도 괜찮은 플러그인이지만 사용하기가 다소 불편한 UI로 되어 있는 게 아쉽네요.

Cimy User Extra Fields는 보다 직관적이며 쉽게 필드를 추가할 수 있는 플러그인입니다.

이 플러그인을 사용하여 다음과 같이 다양한 필드를 추가할 수 있습니다.

이 플러그인을 사용하면 필드 추가 외에도 로고도 교체가 가능합니다. 위의 그림에서는 테스트로 맥 로고를 추가해 보았습니다. (그리고 배경색 등은 여기를 참고로 수정이 가능합니다.)

Cimy User Extra Fields 플러그인 사용 방법

먼저 플러그인을 설치하고 활성화합니다. 활성화하면 대시보드의 설정 아래에 Cimy User Extra Fields 메뉴가 추가됩니다.

Cimy User Extra Fields 설정에 들어가면 다양한 설정이 있습니다. 다양한 설정에 겁 먹을 필요는 없고 꼭 필요한 설정만 살펴보기로 하겠습니다. 나머지는 시간이 될 때 살펴보시면서 적절히 설정하시기 바랍니다.

우선 Database에서 다음과 같이 설정해 보았습니다.

그런 다음 왼쪽 상단에 있는 "변경 사항 저장"을 눌러 변경 사항을 저장했습니다.  확실하지는 않지만 구조를 봤을 때 새로 추가하는 필드를 어떻게 DB에 저장할 것인지를 선택하는 옵션 같습니다. 어쩌면 이와 같은 작업 없이도 필드가 자동으로 저장될 것도 같습니다.

다음으로 필드를 추가하는 방법을 살펴보겠습니다. 필드 추가하는 부분 바로 위에 다음과 같은 주의사항이 나와 있습니다.

이 부분은 시간을 내어 주의하여 읽어보시기 바랍니다.

일반 텍스트 필드는 그대로 추가해주시면 됩니다. 최대 길이/최소 길이/고정 길이(정확한 길이) 중 하나에 값을 입력하지 않으면 오류 메시지가 표시되므로 적당한 옵션에 값을 추가하도록 합니다.

라디오 또는 체크박스의 경우 Yes가 selected를 의미합니다. 약관 동의 체크란을 추가하는 경우:

위의 그림과 같이 Should be equal TO:에 "Yes"를 추가해주도록 합니다. 그래야 약관 체크란을 선택하지 않으면 오류를 발생하고 등록이 완료되지 않습니다. Label이나 설명에는 Html 코드를 사용할 수 있습니다. 가령, 약관 링크를 추가할 수도 있습니다.

드롭다운 필드의 경우 라벨 란에 다음과 같은 형태로 옵션을 지정해주어야 합니다: label/item1,item2,item3

이외에 로고를 추가할 수 있는 옵션이 있으며, 보안문자를 추가할 수 있는 옵션도 제공됩니다. 보안문자로 Enable Securimage Captcha를 선택하면 다음과 같이 보안문자 입력란이 추가됩니다.

드롭다운 필드를 추가하고 나면 글자가 매우 크게 나타날 수 있습니다. 이 경우 "플러그인을 사용하지 않고 워드프레스 기본 로그인 폼/등록 폼을 멋지게 바꾸는 방법" 글을 참고로 글자 크기와 기타 레이아웃을 적절히 조정하시기 바랍니다.

Extra Fields section title에는 사용자 프로필에 표시되는 제목을 설정할 수 있습니다. 가령, "추가 필드"라고 입력하면, 사용자가 회원으로 등록하면 "사용자" 프로필에 아래와 같이 추가 필드에 추가됩니다.

Cimy User Extra Fields는 무료 플러그인이면서도 쉽게 사용자 지정 필드를 추가할 수 있는 기능을 제공합니다. 이 플러그인을 사용하여 워드프레스 등록 필드에 카톡 아이디나 네이버 라인 아이디 등을 받을 수 있는 필드를 수월하게 추가할 수 있습니다.