Ultimate Member, 로그인 UX 개선하기

Ultimate Member의 기본 로그인 폼도 괜찮지만, 이를 조금 더 개선하는 방법입니다.

① 필드 레이블을 필드 안에 넣기

로그인 폼 편집에서 레이블 이름을 지우고, 플레이스 홀더에 레이블을 넣습니다.

‘비밀번호’ 필드도 동일하게 설정합니다.

② 필드 넓이 변경하기

‘설정 > 사용자 화면 > 로그인 폼’에서 로그인 최대 폭을 적절히 변경합니다. 250px로 지정하면, 버튼 폭의 기본값과 일치합니다,.

③ 회원가입 버튼 숨기기

‘설정 > 사용자 화면 > 로그인 폼’에서 ‘로그인 보조 버튼’을 비활성화합니다. 폼 사용자 설정을 사용하면 개별 로그인 폼에서 설정할 수 도 있습니다.

③ 회원가입 대에 링크 삽입

폼 아래에 적절한 문구와 함께 회원가입 버튼을 대에할 회원가입 링크를 삽입합니다.

결과