ev borcu WordPress sitesi
WordPress'te Parola Gücü Ölçer nasıl eklenir
Kullanıcı profilinizi korumanın en basit yolu nedir?
Güçlü bir şifre belirlediniz. Sağ?!
Kendi profiliniz olduğunda tüm bunlar iyidir.
Ancak web sitenizde hesap oluşturan bir kullanıcının güçlü ve güvenli bir şifreye sahip olduğundan nasıl emin olabilirsiniz? Güçlü bir şifre belirlemelerini isteyecek misiniz? Yoksa şifre yeterince güçlü olana kadar hesap oluşturmayacak mısınız?
Bunu düşünmen gerek.
Etrafınızda sitenize erişmek isteyen kötü niyetli insanlar var. Zayıf bir şifreye sahip bir kullanıcı profili, kapıya ayak basmaları için bir fırsattır.
Tüm bunları nasıl engellersiniz?
Bu oldukça basit. Tüm kullanıcı profillerinin güçlü bir parolaya sahip olduğundan emin olmalısınız. (Ha! Bunu biliyordun). WordPress web sitenizde, yeni bir kullanıcı bir hesap oluşturmaya çalıştığında, kullanıcının güçlü bir şifre belirlediğinden emin olmalısınız.
Peki, bunu nasıl yaparsınız? Bir eklenti kullanıyor musunuz? Veya özel bir işlev ekliyor musunuz?
Eh, cevap …… her iki şekilde de.
Ama ya size WordPress'in bu işlevi çekirdek kurulumuyla sağladığını söylesem!
Şaşırmış?!!
İlk bulduğumda ben de öyleydim.
Çoğumuz bunu bilmiyoruz ve sonunda eklentileri deniyoruz ve sonuna kadar özel işlevler ekliyoruz.
Ama nerede?
İşlevsellik “ Password Strength Meter “ adıyla anılır. Kullanıcıların kaydolduğu veya hatta şifrelerini değiştirmek istediklerinde kayıt sayfanıza uygulanabilir.
WordPress'teki "Parola Gücü Ölçer"
Şimdi, işlevsellik WordPress tarafından sağlansa da, gösterge tablonuzda bulabileceğiniz bir şey değil. Çalışması için birkaç adımı izlemeniz gerekir.
Peki… Parola Gücü Ölçer'i nasıl etkinleştirirsiniz?
Bir FTP istemcisi kullanarak web sitenize bağlanmanız gerekir. wp-admin->js altında password-strength-meter.js adlı bir dosya bulabilmeniz gerekir. Bu, topun yuvarlanmasını sağlayan dosyadır.
Bu dosyanın kuyruğa alınması gerekiyor. Bunu, uygun bir eyleme bağlanarak ve temanızın (tercihen alt tema) function.php dosyasına aşağıdaki satırı ekleyerek yapabilirsiniz:
wp_enqueue_script( 'parola gücü ölçer' );
Parola gücü ölçerin görüntülenmesi gereken her sayfada bu dosyayı kuyruğa almanız gerekir. Bunun için uygun kancaları bulmanız gerekir. Örneğin, bunu BuddyPress kayıt sayfanızda görüntülemeniz gerektiğini varsayalım. Ardından, betiğimi kuyruğa almak için 'bp_before_register_page' eylemini kullanmanız gerekir. Ve olağan WordPress kayıt sayfası için 'register_form' kancasını kullanmanız gerekir.
Ancak yalnızca JS dosyasını kuyruğa almak yeterli değildir. JS, bize parola gücünü kontrol etmek için kullanacağımız işlevleri sağlar. Şimdi, ayarlar sayfanız ile parola gücü ölçer komut dosyası arasında aracı görevi görecek olan kendi komut dosyanızı eklemeniz gerekiyor.
Bu betiği password-strength-meter-mediator.js içine ekleyelim. Bunu temanızın js klasöründe oluşturmanız ve password-strength-meter.js ile birlikte kuyruğa almanız gerekir.
wp_enqueue_script( 'parola-güç-metre-arabulucu' , get_stylesheet_directory_uri() . '/js /parola-güç-metre-mediator.js', dizi ( 'parola-güç-metre' ));
'/js/password_strength_meter_mediator.js' dosya yolu formunu, dosyanızın depolandığı yere yeniden adlandırabilirsiniz.
Şimdi, ana kısım için – direnç parçası – şifrenin gücünü test etmek için password-strength-meter.js işlevlerini kullanmak.
Parola Gücü Ölçer'i Kullanma
Şimdi, parola gücünü doğrulamak bir durum döndürecektir. Bu durumu görüntülemek için, şifre gücü ölçerin çalışması gereken aşağıdaki kod satırını (örneğin kayıt sayfası) eklememiz ve kaydetmemiz gerekiyor.
< span id = "parola gücü" ></ span >
Ardından password_strength_meter_mediator.js içerisine aşağıdaki kodu eklememiz gerekiyor. Diyelim ki, password -signup_password (parola alanı) ve signup_password_confirm (parola onay alanı) girişini yapan iki alanınız var.
jQuery( belge ) .ready ( fonksiyon ( $ ) { // wdmChkPwdStrength'i tetikle $ ( ' body ' ).on( 'keyup' , 'input[name=signup_password], input[name=signup_password_confirm]' , function ( event ) { wdmChkPwdGüç( // şifre alanı $ (' [isim= kayıt_parola ] girin'), // şifre alanını onayla $ (' [name= signup_password_confirm ] girin'), // güç durumu $ (' #şifre gücü '), // Gönder düğmesi $ (' giriş [tür=gönder]'), // şifrenin bir parçası olmaması gereken kara listeye alınmış kelimeler [ 'yönetici' , 'mutlu' , 'merhaba' , '1234' ] ); }); });
Parolanın gücünü test etmek için parola giriş alanlarındaki 'keyup' işlevini kullanıyoruz.
wdmChkPwdStrength, girilen parolanın gücünü kontrol edecek fonksiyondur. Geçeceğimiz parametreler şunlardır:
- Şifre alanı kimliği (bunun yerine alan adını kullanabilirsiniz)
- Şifreyi onayla alan kimliği
- Parola gücü durumunun görüntülenmesi gereken alan kimliği.
- Form gönder düğmesinin kimliği
- Şifrenin bir parçası olarak kabul edilmeyecek kelimelerin listesi
function wdmChkPwdStrength ( $pwd, $confirmPwd, $strengthStatus, $submitBtn, blacklistedWords) { var pwd = $ pwd .val (); var onayPwd = $ onayPwd .val (); // kara listeye alınan kelimeler dizisini site verilerinden gelenlerle genişlet kara listeye alınmışKelimeler = kara listeye alınmışKelimeler. concat ( wp.passwordStrength.userInputBlacklist() ) // her harf yazıldığında, gönder düğmesini ve güç ölçer durumunu sıfırlayın // gönder butonunu devre dışı bırak $ sendBtn .attr ( 'devre dışı' , 'devre dışı' ); $ forceStatus .removeClass ( 'kısa kötü iyi güçlü' ); // şifre gücünü hesapla var pwdStrength = wp.passwordStrength.meter( pwd, blacklistedWords, onayPwd ); // şifre gücünü kontrol et }
wp.passwordStrength.meter , password-strength-meter.js içinde bulunan WordPress tarafından sağlanan varsayılan bir işlevdir. Parolalar ve kara listeye alınan sözcükler dizisini kabul eder ve parolanın gücünü (2,3,4,5) döndürür.
Bu yüzden dönüş değerini kontrol ederek wdmChkPwdStrength fonksiyonunu genişletmemiz gerekiyor.
// şifre gücünü kontrol et geçiş ( pwdStrength ) { durum 2 : $ forceStatus .addClass ( 'kötü' ) .html ( pwsL10n.bad ); ara ; durum 3 : $ forceStatus .addClass ( 'iyi' ) .html ( pwsL10n.good ); ara ; durum 4 : $ forceStatus .addClass ( 'güçlü' ) .html ( pwsL10n.strong ); ara ; durum 5 : $ forceStatus .addClass ( 'kısa' ) .html ( pwsL10n.mismatch ); ara ; varsayılan : $ forceStatus .addClass ( 'kısa' ) .html ( pwsL10n. kısa ); } // gönder butonunun durumunu ayarla
wp.passwordStrength.meter işlevi tarafından döndürülen güç sonucunun değerine bağlı olarak uygun işlemi yapmamız gerekir.
- pwdStrength değeri 2 ise: Bu, parolanın zayıf olduğu anlamına gelir ve ön uçta çıktı olarak "zayıf" gösterilir ve gönder düğmesini devre dışı bırakır
- pwdStrength değeri 3 ise: Bu, parola gücünün zayıftan daha iyi olduğunu ancak o kadar iyi olmadığını gösterir ve gönder düğmesini devre dışı bırakarak ön uçtaki çıktı olarak "orta" gösterir.
- pwdStrength değeri 4 ise: Parola güçlü ve dolayısıyla ön uçta "güçlü" gösterilir ve gönder düğmesi etkinleştirilir. Bir kullanıcı, diğer tüm gerekli alanların uygun şekilde doldurulması koşuluyla artık hesabını oluşturabilir
- pwdStrength değeri 5 ise: Bu, parola ve onay parolasının eşleşmediği ve kullanıcının düzeltmesi gerektiği anlamına gelir. Gönder düğmesi devre dışı kalır.
- Varsayılan olarak: Gönder düğmesi devre dışı kalır.
Eklemeniz gereken son ve son kod parçası, parola güçlüyse ve her iki alan da eşleşiyorsa gönder düğmesini etkinleştirmektir.
// gönder butonunun durumunu ayarla if ( 4 === pwdStrength & & '' ! == ConfirmPwd.trim() ) { $ sendBtn .removeAttr ( 'devre dışı' ); } dönüş gücü;
Orta güçlü bir parolaya sahip bir kullanıcının hesap oluşturmasına izin vermekte sorun yaşıyorsanız, yukarıdaki koşulu buna göre değiştirebilirsiniz.
Bir uyarı: Değeri 5 olarak değiştirmeyin, aksi takdirde şifreler eşleşmese bile gönder düğmesini etkinleştirirsiniz!
(Derin nefes) Ah!
Almak için çok fazlaydı değil mi?! Belki. Ancak bir kez uygulamaya başladığınızda, yukarıdaki adımları izlerseniz eminim bir saatten fazla sürmez!
İşte orada. Kolayca bir parola gücü işlevi eklemiş olacaksınız
Herhangi bir şüphesi olanlarınız için yorum bölümü açıktır. Sor bakalım!