WordPress’te geçen bir şifre göstergesi nasıl eklenir

Şimdi, işlevselliği WordPress tarafından sağlansa da, gösterge panelinizde bulacağınız bir şey değil. İşe yaratmak için birkaç adım izlemeniz gerekiyor. Peki … şifre gücü göstergesini nasıl etkinleştiriyorsunuz? FTP istemcileri kullanarak web sitenize bağlı olmalısınız. WP-Admin-> JS altında, Password-strit-meter.js adlı bir dosya bulabilmelisiniz. Bu, topu yuvarlayan bir dosyadır. Bu dosyanın teslim edilmesi gerekiyor. Bunu, temanızdaki (tercihen alt tema) functions.php dosyasına uygun eyleme bağlanarak ve aşağıdaki satırları ekleyerek yapabilirsiniz: wp_enqueue_script (‘Password Power Mesay’);
Bu dosyayı, şifre gücü göstergesinin görüntülenmesi gereken her sayfada sıralamanız gerekir. Bunun için uygun kancayı bulmanız gerekir. Örneğin, bunu BuddyPress kayıt sayfanızda görüntülemeniz gerekir. Ardından, betiğimi sıralamak için ‘BP_BEFORED_REGISTER_PAGE’ eylemini kullanmanız gerekir. Ve normal WordPress kayıt sayfası için ‘Register_Form’ kancasını kullanmanız gerekir.
Ancak sadece JS dosyalarını beklemek yeterli değildir. JS bize yalnızca şifrenin gücünü kontrol etmek için kullanacağımız işlevi verir. Artık ayar sayfanız ile şifre ölçen komut dosyası arasında bir aracı görevi görecek kendi komut dosyalamanızı eklemeniz gerekiyor. Bu komut dosyasını şifre-strit-mter-mediators.js ekleyelim. JS tema klasörünüzde yapmanız ve şifre-strit-meter.js ile birlikte beklemeniz gerekir. wp_enqueue_script (‘şifre-stept-meter-mediatiat’, get_stylesheet_directory_uri (). .js ‘Dosyalarınız nerede kaydedilir
Ana bölüm için- De direnci- şifrenin gücünü test etmek için şifre-trith-meter.js işlevini kullanın. Mevcut şifre mukavemeti ölçümünü kullanarak, parolanın gücünü doğrulamak durumu geri yükler. Bu durumu görüntülemek için, şifre mukavemeti göstergesinin çalışması gereken (örneğin kayıt sayfası) aşağıdaki kod satırını eklememiz ve kaydetmemiz gerekir.
Ardından, aşağıdaki kodu parola_strith_meter_mediator.js’ye eklememiz gerekir. Diyelim ki Password-Signup_password (şifre alanı) ve Signup_password_confirm (şifre onay alanı) giren iki alanınız var.
JQuery (belge) .Ready (işlev ($) {
// tetikler wdmchkpwdstength
$ (‘gövde’) .on (‘Keyup’, ‘giriş [name = signup_password], giriş [name = Signup_password_confirm]’, function (olay) {wdmchkpwdkuncuan (
// şifre sütunu
$ (‘Enter [name = signup_password]’),
// Parola sütununu onaylayın
$ (‘Enter [name = Signup_password_confirm]’),
// Güç Durumu
$ (‘ #Power-sandi’),
// Gönderme tuşu
$ (‘giriş [type = gönder]’),,
// Kara listelenen kelimeler, şifrenin bir parçası olmamalı
[‘Yönetici’, ‘Mutlu’, ‘Merhaba’, ‘1234’]
);
});
});
Parola gücünü test etmek için şifre girişi alanındaki ‘Keyup’ işlevini kullanıyoruz.
WDMCHKPWDstrenge, girilen şifrenin gücünü kontrol edecek bir işlevdir. Geçeceğimiz parametreler:
Kimlik şifresi alanı (bunun yerine alanın adını kullanabilirsiniz)
Kimlik Parola Onaylama Alanı

Parola durumunun görüntülenmesi gereken kimlik alanı.
Form gönder düğmesinden kimlik
Şifrenin bir parçası olarak kabul edilmeyecek kelimelerin bir listesi
Wdmchkpwdstrenge ($ pwd, tebri teatspwd, $ choiceStatus, $ SubmitBtn, kara listeye alındı) {
var pwd = $ pwd .val ();
Var tleatpwd = $ tecradePwd .val ();
// Site verilerinden kelimelerle kara listeye alınan kelime dizisini genişletin
BlackListedWords = Blackwords. cum (wp.passwordstrith.uerinputblacklist ())
// Bir harf her yazıldığında, Gönder düğmesini ve kuvvet gösterge durumunu sıfırlayın
// Gönder düğmesini devre dışı bırakın
$ SubtBtn .attr (‘devre dışı’, ‘aktif olmayan’);
$ StrengthStatus .Removeclass (‘Kısa Kötü İyi Güçlü’);
// Şifrenin gücünü hesaplayın
Var pwdstrate = wp.passwordstrith.meter (PWD, BlackListedWords, OnayPWD); // Parolanın gücünü kontrol edin
}
wp.passwordStrith.meteter, WordPress tarafından şifre-strit-meter.js’de sağlanan varsayılan işlevdir. Kara listeye alınan bir şifre ve kelime dizisi aldı ve şifrenin gücünü (2,3,4,5) döndürdü.
Bu nedenle, dönüş değerini kontrol ederek wdmchkpwdstength işlevini genişletmemiz gerekir. // Şifrenin gücünü kontrol edin
Saklar (pwdstrate) {
Durum 2:
$ companystatus .Addclass (‘kötü’) .html (pwsl10n.bad);
dinlenme ;
Durum 3:
$ companystatus .Addclass (‘iyi’) .html (pwsl10n.good);
dinlenme ;
Durum 4:
$ StrengthStatus .Addclass (‘güçlü’) .html (pwsl10n.strong);
dinlenme ;
Durum 5:
$ companystatus .Addclass (‘kısa’) .html (pwsl10n.mismatch);
dinlenme ;
Varsayılan:
$ companystatus .Addclass (‘kısa’) .html (pwsl10n. kısa);
}
// Gönder düğmesinin durumunu ayarlayın
WP.passwordStrith.meteter’in işlevi tarafından döndürülen güç sonuçlarının değerine bağlı olarak, uygun eylemi yapmamız gerekir.
PWDStrength değeri 2 ise: bu zayıf bir şifre anlamına gelir ve ön uçta çıktı olarak “zayıf” gösterir ve Gönder düğmesinin devre dışı bırakılmasına izin verir
PWDStrength değeri 3 ise: Bu, şifre gücünün zayıftan daha iyi olduğunu, ancak iyi olmadığını ve önden çıktı olarak “ılımlı” olduğunu gösteriyorsa, gönder düğmesini devre dışı bırakın
PWDStrength değeri 4: güçlü bir şifre ve bu nedenle ön uçta “güçlü” görüntülenir ve Gönder düğmesi etkinleştirilir. Bir kullanıcı artık gerekli diğer tüm alanlar doğru şekilde doldurulduğu sürece bir hesap oluşturabilir. Gönder düğmesi devre dışı bırakılır.
Varsayılan olarak: Gönder düğmesi devre dışı bırakılır.
Kodun eklemeniz gereken son ve son kısmı, kelime güçlü ve ikinci alan uygunsa, Gönder düğmesini etkinleştirmektir.
// Gönder düğmesinin durumunu ayarlayın
if (4 === pwdstrengeh & ”!
$ SubtBtn. Removeattr (‘devre dışı bırakıldı’);
}
geri pwdstreyion;
Orta güç şifreleri olan kullanıcıların hesap oluşturmasına izin vererek kabul ediyorsanız, yukarıdaki koşulları değiştirebilirsiniz. Değerli bir kelime: Değeri 5 olarak değiştirmeyin, yoksa kelime uygun olmasa bile gönder düğmesini etkinleştireceksiniz!
(Derin nefes) Ha! Bu kabul edilecek çok şey değil mi?! Mümkün. Ama uygulamaya başladığınızda, yukarıdaki adımları izlerseniz bir saatten fazla sürmeyeceğinden eminim! Öyleyse o. Şüpheleri olanlar, açık yorum bölümü için şifre gücünün işlevselliğini kolayca eklediniz. Gitmek isteyin!