WordPress ile özel bir giriş sayfası nasıl oluşturulur
Yönetme işlemi oldukça kolaydır, manuel olarak veya ayar işlemini otomatikleştiren özel bir eklenti yükleyerek yapabilirsiniz. Ancak, manuel olarak yönetmeniz gerektiğinde, WordPress’i güncellediğinizde tema üzerinde yaptığınız her değişiklik silinebilir. Referansınız için manuel ve aşağıda yayınlanan eklentiler için işlem. 1. Özel oturum açma sayfasını manuel olarak ayarlamak için eklenti olmadan özel bir WordPress giriş sayfası oluşturun, tek gereksinim HTMP, PHP, CSS3 vb. Kendi özel WordPress oturum açma sayfanızı kolayca oluşturabilirsiniz – sadece aşağıda yayınlanan talimatları izleyin. Tema dosyanıza gitmeli ve function.php dosyasında değişiklik yapmalısınız.
Bu oturum açma sayfasını ayarlamak için temel değişiklik, arka plandan logonun kendisine başlayarak ana WordPress giriş sayfanızda yapmak istediğiniz bazı önemli değişikliklerdir. Bu değişikliğe girmek, özel giriş sayfanızın daha profesyonel görünmesine ve tüm doğru nedenlerden dolayı öne çıkmasına yardımcı olacaktır. Özel bir arka plan ekleyin.
Özel bir logo ekleyin.
Oturum açma formu ekranını ayarlayın.
Logonun URL’sini değiştirin.
Eksik şifre bağlantısını silin.
“Geri Dön” bağlantısını silin.
Bir giriş hatası mesajını gizleyin.
Oturum Açma Sayfalarını Sil.
Aktarım URL’sini değiştirin.
Kontrol edilecek “Beni Hatırla” yı ayarlayın.
İlgili Gönderi: 12+ En İyi Ücretsiz WordPress Özel Giriş Eklentisi
Sırada yapılması gereken budur: WordPress, tema stili sayfanızı içermez, çünkü giriş sayfası WordPress tema ayarlarının bir parçası değildir. Bu nedenle, özel bir giriş sayfası için kendi stil sayfanızı yapmanız gerekir. Bundan önce, tema klasörünüzde Giriş adlı yeni bir klasör oluşturacaksınız. Bu durumda, yeni bir .txt dosyası oluşturun ve özel-login-style.css olarak kaydedin. Lütfen dosya adını hatırladığınızdan emin olun, çünkü hemen ihtiyacınız olacak. Oturum açma sayfası için bir CSS’niz var, WordPress’e açıkça yüklemesini söylemelisiniz. Bunun için, bu kodu Function.php’ye bu özel dosyayı mükemmel bir şekilde içerecek şekilde koyacaksınız. –
Function_custom_login ()
{
Eko ”;
}
Add_action (‘login_head’, ‘my_custom_login’);
Bu yakında görünecektir, Styles sayfasının doğru yüklenip yüklenmediğini görmek için önizleme değişikliklerini görebilirsiniz. Küçük bir hata özel giriş sayfanızın yüklenmesini önleyebileceğinden, CSS koduna dikkat edin. Bir sonraki işlem adımına geçelim ve bu özel bir arka plan ekliyor. Özel arka plan ekleyin: Oturum açma sayfanıza seçtiğiniz bir arka plan görüntüsü ekleyebilirsiniz. Özel sayfanızın 2. satırındaki doğru adı belirleyin. Arka planı ayarlamak için kod aşağıdaki gibidir: Body.login
{
Arka plan-image: url (“../ image/ login-page-bg.jpg”);
Arka Plan-Tekrar: Tekrarlanmamış;
Ek: Kalıcı;
Arka Plan pozisyonu: Merkez;
}
Özel bir logo ekleyin: Bu, marka kimliğini işaretlemek için en önemli adımdır. Çoğu kullanıcı WordPress logosunu kullanmayı tercih eder, ancak özellikle yeni bir işletme web sitesi oluşturursanız bir hatadır. Özel bir oturum açma sayfası hazırlamanızın nedenlerinden biri, kendinizi görüntülemenizi değiştirmek için kullanabilmenizdir. WordPress logosunun yerine kendi özel loganızı ekleyebilirsiniz. Özel logo görüntüsünü oturum açma/resim klasörüne kaydedin. Bunu aşağıdaki gibi yapacaksın
H1 a {
Arka plan-image: url (“../ image/ logo-1.png”);
Arka plan boyutu: 75px;
}
Giriş formunu ayarlayın: Bu işlem, kodlamada yeni olanlar için olağanüstü görünebilir, ancak bu oldukça basittir ve saniyeler içinde yapılamaz. Sitenizin görünümüne uyacak şekilde oturum açma formunun görüntülenmesini değiştirmeniz gerekir. Dolgu, marj formunu ayarlayabilirsiniz. Ayrıca arka plan rengini, etiketini vb. Değiştirmeniz gerekir. Bunun için aşağıdaki örnek kodu başvurabilirsiniz:
Rulman: 20 piksel;
}
#Katılmak {
Arka fon:
#Fff;
Marj: 50px otomatik;
Rulman: 40px 20px;
Genişlik: 400 piksel;
}
.
renk:
#555;
Yazı tipi boyutu: 14px;
}
.Formitler girer. İtot prorget {
Şamandıra: Hiçbir şey;
}
Gönder düğmesinin görüntüsünü değiştirmek için kenar boşluğu, sınır, yükseklik, genişlik, rengi ayarlayabilirsiniz. Yani, bu satırı CSS’nize ekleyin
#formitörler girdi p. Kirim {
Marj-Top: 15px;
}
.login.wp-core-ui .Button-primary {
Arka fon:
#7B417A;
sınır rengi:
#7B417A;
Gölge Kutusu: 0 1px 0
#7B417A;
renk:
#Fff;
Metin: Hayır;
Şamandıra: Hiçbir şey;
ikisini de temizle;
Ekran bloğu;
Genişlik:%100;
Rulman: 7 piksel;
Yükseklik: otomatik;
Yazı tipi boyutu: 15px;
}
Logo URL Girişini Değiştir: Logo URL logosunu WordPress.org adresine varsayılan olarak. Ancak aşağıda listelenen kodlama ile, diğer birkaç URL’ye aşağıdaki gibi yönlendirebilirsiniz:
Funculenustom_login_logo_url () {
returnget_bloginfo (‘url’);
}
add_filter (‘login_headerurl’, ‘Custom_login_logo_url’);
Funculenustom_login_logo_url_title () {
geri ‘varsayılan site başlığı’;
}
add_filter (‘login_headertitle’, ‘Custom_login_logo_url_title’);
Şifrenizi unuttuğunuzda, kayıp şifrelerin kayıp şifre bağlantılarını kaldırın. Çok kullanışlı olabilir, ancak bu özellik genellikle web sitenize koyma riskinin olduğu noktaya kadar kötüye kullanılır. Sadece aşağıda listelenen kodu ekleyin ve bu başarılı olacaktır.
{
Ekran: Hiçbir şey;
}
“Geri Dön” i: Link “Dönüş …” kullanıcının verandaya dönmesini sağlar. Ancak bu, web sitenizin biraz retro görünmesini sağlayabilir, sadece kaos ekler. Bu özel sayfa öğesini silmek her zaman iyi bir fikirdir. Bunun için bunu#backtoLog’u ekleyeceksiniz
{
Ekran: Hiçbir şey;
}
Gelen hata mesajını gizle: Kullanıcı yanlış kimlik veya şifreyi girdiğinde giriş hatası mesajları genellikle görünür. Bunun nedeni, kullanıcı adı yanlış mı yoksa yanlış şifre olsun, herhangi bir şey olabilir. Bu mesaj kullanıcılar için yararlıdır, ancak bilgisayar korsanları kullanıcı giriş bilgilerini çözebileceğinden boşluklar oluşturur.
Bu nedenle giriş hatası mesajları bir güvenlik riski oluşturabilir, çünkü bilgisayar korsanlarının sitenize erişmesine izin verir. Bu nedenle, function.php dosyasındaki hata mesajını aşağıdaki gibi değiştirmek daha iyidir: functionTom_login_error_message ()
{
‘Lütfen geçerli giriş kimlik bilgilerini girin.’;
}
add_filter (‘login_errors’, ‘Custom_login_error_message’);
Giriş aşamasını silin: Kullanıcı yanlış giriş kimlik bilgisini gönderdiğinde oturum açma formu titreşir. Ancak bu özelliği beğenmiyorsanız, silebilirsiniz. WordPress bunu ilk tanıttığında komikti, ancak işlevinden daha uzun sürdü ve bugün web sitesinin profesyonelce ve daha çocukça görünmesini sağladı.
Remove_action (‘login_head’, ‘wp_shake_js’, 12);
}
Add_action (‘login_head’, ‘Custom_login_head’);
Aktarım URL’sini değiştirin: WordPress’i girerseniz, sizi doğrudan gösterge tablosuna yönlendirir. FunCutenBontom_Login_redirect ($ Redirect_to, $ Request, $ kullanıcı) dışında aşağıdaki gibi yönetici dışında her şeyi ana sayfaya yönlendirebilirsiniz.
{
Global $ kullanıcı;
if (isset ($ user- & gt; roller) & amp;
if (in_array (“yönetici”, $ user- & gt; roller)) {
geri $ redirect_to;
} değilse {
backhome_url ();
}
}
değilse
{
geri $ redirect_to;
}
}
add_filter (“login_redirect”, “Custom_login_rEdirect”, 10, 3);
“Beni Hatırla” ı kontrol etmek için ayarlayın
Kutu, varsayılan olarak kontrol edilmediğimi unutmayın. Bunu aşağıdaki gibi kontrol edilen duruma değiştirebilirsiniz:
add_filter (‘login_footer’, ‘default_rememberme_checked’);
}
Add_action (‘init’, ‘default_checked_remember_me’);
FunctionDefault_remember_checked () {
echo “Document.getElementById (‘Hatırlayın’). Kontrol edildi = true;”;
}
