워드프레스 회원가입 폼/로그인 폼에서 ‘사용자명’을 ‘아이디’로 바꾸기

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

보통 웹사이트에 가입할 때 “아이디”라는 필드 이름을 많이 사용하지만 워드프레스에서는 “사용자명”을 사용합니다. 워드프레스 회원가입 폼과 로그인 폼에서 “사용자명”을 “아이디”로 바꾸려면 여러 가지 방법을 생각해볼 수 있습니다.

우선 생각나는 것은 워드프레스 코어 파일을 직접 수정하는 것입니다. 하지만 이 경우 간단하지만 워드프레스 업데이트 시 수정 내용이 모두 사라집니다. 그리고 워드프레스 코어 파일을 직접 수정하는 것은 언제나 좋지 않은 습관입니다. 그럼, 필터라도 있으면 필터를 이용하면 좋을 것 같습니다. 이 부분은 확인해보고 혹시 필터가 있으면 다음에 소개해보겠습니다.

여기에서는 가장 간편하게 CSS로 바꾸는 방법을 생각해보겠습니다.

다음 코드를 테마의 함수 파일(functions.php)에 추가하도록 합니다.

// 사용자명을 아이디로 바꾸기
function my_login_logo() { ?>
<style type="text/css">
label[for="user_login"] {
font-size: 0px;
}

label[for="user_login"]::before {
content: "아이디"!important;
font-size: 14px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

저장하고 등록 폼/로그인 폼을 살펴보면 아래와 같이 “사용자명”이 “아이디”로 바뀌어 있습니다.

How to change Username to ID in WordPress Registration Form or Login Form - 워드프레스 사용자명을 아이디로 바꾸기

여기에서 소개한 방법은 “플러그인을 사용하지 않고 워드프레스 기본 로그인 폼/등록 폼을 멋지게 바꾸는 방법“이라는 글에서 다룬 방법을 응용한 것입니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.