WordPress 사용자 로그인 상자를 숨기고 부분적으로 표시하는 팁

WordPress 로그인 페이지의 비밀번호 상자에 마지막으로 입력한 문자가 표시되도록 합니다
일반적인 상황에서 웹페이지 디자이너는 누군가가 입력한 비밀번호를 뒤에서 엿보는 것을 방지하기 위해 비밀번호 입력 상자의 모든 문자를 검은색 점으로 숨깁니다.

이 비밀번호 입력 모드를 사용하면 엿볼 위험은 줄어들지만, 어떤 문자를 입력했는지 모르기 때문에 비밀번호 입력에 많은 어려움을 겪게 되어 종종 잘못된 비밀번호를 입력하여 많은 시간을 낭비하게 됩니다. 시간.

오늘은 WordPress에서 이 기능을 구현하는 방법을 소개하겠습니다. 단계는 매우 간단합니다.

1. js를 추가하세요

다운로드하려면 여기를 클릭하세요 사용해야 하는 js는 현재 사용 중인 테마의 루트 디렉터리에 이 js 파일을 넣으세요.

2.PHP 코드 추가

텍스트 편집기로 현재 테마의 function.php를 열고 다음 PHP 코드를 추가하세요.

function ludou_dPassword() {
  wp_enqueue_script( 'dPassword', get_template_directory_uri() . '/jQuery.dPassword.js', array(), '1.0', true );
}
add_action( 'login_enqueue_scripts', 'ludou_dPassword' );

좋아, 이 기능은 성공적으로 추가되었습니다. 간단합니다.

추가 지침

1. js 파일을 현재 테마의 js 디렉터리에 넣으려면 PHP 코드 2번째 줄의 /jQuery.dPassword.js를 /js/jQuery.dPassword.js로 변경해야 합니다
2. 이 기능으로 비밀번호를 입력할 경우, 마지막 문자만 입력하거나 삭제할 수 있습니다. 검은 점으로 가려진 비밀번호 중간에는 문자를 추가하거나 삭제할 수 없습니다.

WordPress 로그인 상자에 입력한 비밀번호 표시/숨기기
이를 통해 사용자는 방금 입력한 문자를 알 수 있어 잘못된 비밀번호를 입력할 가능성이 줄어들고 엿보기 방지 기능도 있습니다.

이제 사용자가 필요에 따라 입력한 모든 비밀번호를 숨길지 아니면 입력한 모든 비밀번호를 표시할지 직접 선택할 수 있는 또 다른 옵션이 있습니다. 비밀번호 상자의 모든 내용이 표시되면 사용자가 실수할 가능성이 크게 줄어듭니다. 이는 Microsoft에서 권장하는 비밀번호 상자를 처리하는 방법이기도 합니다. 효과는 다음과 같습니다.

모든 비밀번호를 숨기려면 비밀번호 상자 오른쪽에 있는 눈 아이콘을 클릭하세요

모든 비밀번호 표시 비밀번호를 숨기려면 비밀번호 상자 오른쪽에 있는 자물쇠 아이콘을 클릭하세요

1. js를 추가하세요

다운로드하려면 여기를 클릭하세요 사용해야 하는 js는 현재 사용 중인 테마의 루트 디렉터리에 이 js 파일을 넣으세요.

2.PHP 코드 추가

function ludou_prevue() {
  wp_enqueue_script("jquery");
  wp_enqueue_script( 'prevue', get_template_directory_uri() . '/jquery.prevue.min.js', array(), '1.0', true );
?>
<style type="text/css">
  .prevue-icon-eye:before { content: "\f177"; }
  .prevue-icon-eye-off:before { content: "\f160"; }
</style>
<&#63;php 
}
add_action( 'login_enqueue_scripts', 'ludou_prevue' );
&#63;>

좋아, 잘했어!

추가 지침

1. 현재 테마의 js 디렉터리에 js 파일을 넣으려면 php 코드 3번째 줄의 /jquery.prevue.min.js를 /js/jquery.prevue로 변경해야 합니다. min.js

2. 이 기능을 사용하려면 버전 1.9.0 이상의 jQuery 지원이 필요합니다.