WordPress 로그인 양식에서 사용자 이름 및 비밀번호 필드를 숨기는 방법

때때로 WordPress 사이트에서 기본 로그인 양식을 더 이상 사용하고 싶지 않을 수 있습니다. 사용자가 소셜 로그인 또는 외부 ID 공급자를 사용하여 로그인하도록 할 수 있습니다. 이 경우 사용자 이름 및 암호 필드를 제거해야 합니다.

이를 위해 CSS를 사용하여 해당 필드를 숨깁니다. WordPress 관리 대시보드를 통해서만 functions.php 파일에서 작업합니다. 따라서 이 조작을 수행하기 위해 WordPress 전문가가 될 필요는 없습니다. 이 튜토리얼의 WordPress 버전은 6.0입니다.

1단계: WordPress 관리자 대시보드에 로그인합니다.

WordPress 대시보드에 로그인한 후 도구>테마 파일 편집기로 이동합니다.

2단계: functions.php 파일 열기

테마 편집기 페이지에 있을 때 functions.php 파일을 현지화하고 엽니다.

3단계: 코드 삽입 및 저장

마지막으로 functions.php 파일 끝에 다음 코드를 삽입하고 저장합니다.

add_action( 'login_head', 'wpse_121687_hide_login' );
function wpse_121687_hide_login() {
    $style = '';
     $style .= '<style type="text/css">';
     $style .= '.login form .user-pass-wrap{ display: none }';
     $style .= '.login form .submit { display: none }';
     $style .= '.login form .forgetmenot { display: none }';
     $style .= '.login form .input { display: none }';
     $style .= '.login form label { display: none }';
     $style .= '.login  #nav { display: none }';
     $style .= '.login  #mo_saml_button b { display: none }';
    $style .= '#login {margin-top: 150px}';
    $style .= '</style>';

     echo $style; 
}

그리고 짜잔, 우리는 원하는 결과를 얻었습니다.

결론

이 자습서의 목적은 적절한 방법으로 WordPress 로그인 양식에서 사용자 이름 및 암호 필드를 숨기는 방법을 보여주는 것입니다. 누구나 숨길 이유가 있습니다. 이 튜토리얼을 적용하는 데 문제가 발생하면 주저하지 말고 의견을 남겨주세요. 당신을 도울 수 있다면 기쁠 것입니다.