WordPress Oturum Açma Sayfası Nasıl Ayarlanır
WordPress ile uzun süre çalıştıktan sonra bile, birçok insan web sitelerinin arkasının ön gibi ayarlanabileceğini ve gerçekten katı olan hiçbir şey yok. Bunu WordPress kontrol panelini nasıl ayarlayacağınız ve WordPress düzenleyicisini nasıl ayarlayacağınız hakkında biraz tartıştık. Bugün, her gün kullanıcılarla etkileşime giren diğer dahili sayfalara geçerek bu temaya devam etmek istiyoruz. Tıpkı WordPress’in diğer bölümleri gibi, giriş sayfasını tamamen ayarlayabiliriz. İlk olarak, bunu yapmak için bazı iyi nedenler tartışacağız, daha sonra giriş sayfasını manuel olarak ayarlamak için kod görüntülerine ve son olarak aynı şeyi yapmamıza izin veren bir dizi eklenti seçeneğine bakacağız.
Hazır mısın? O zaman başlayalım. WordPress Oturum Açma Sayfasını Neden Ayarlıyor? Ne yazık ki, WordPress giriş sayfasında değişiklik yapmak için herhangi bir orijinal seçenekle gelmedi. Ancak, eklemek için iyi bir neden var çünkü WordPress özel giriş sayfası çeşitli avantajlar sunuyor:
Tutarlı Marka Görüntüleme – Hangi senaryo daha iyi: Varsayılan WordPress giriş sayfasının kullanıcısını veya renk şeması, tipografi ve logo ile eşleşen özel bir sayfayı gösterir mi? Cevaplaması kolay, değil mi? Özellikle başkaları için bir WordPress sitesi oluşturuyorsanız, özel bir giriş sayfası tarafından getirilen küçük bir ek markayı kesinlikle takdir edecekler.
Artan Kullanıcı Deneyimi – Özelleştirme sadece tasarımla ilgili değil, aynı zamanda girişten sonra otomatik aktarım gibi işlevsellik değişikliklerini de içerebilir. Bu, daha iyi bir kullanıcı kılavuzu üretir ve ziyaretçileri yön, sayfalar, forumlar veya istediğiniz her yerde yöne yönlendirmeye yardımcı olur. Navigasyon geliştirilir – Ayrıca, ek olarak ekleme sayfasına öğeler ekleyebilirsiniz. Ziyaretçi. Navigasyon bağlantılarını, sosyal simgeleri veya ne istersen düşünün.
Daha iyi güvenlik – Son olarak, bir WordPress özel giriş sayfası yapmak da sitenizin güvenliğini artırabilir. Örneğin, sayfaları özel adreslere taşıyarak, otomatik komut dosyaları ve bilgisayar korsanları arayışını zorlaştırabilirsiniz. Ayrıca, CAPTCHA ve diğer güvenlik eylemleri ekleyebilirsiniz.
Gördüğünüz gibi, WordPress giriş sayfasını ayarlamak için birçok iyi neden var. Bir sonraki adımda, bu değişikliği nasıl başarabileceğimizi göreceğiz.
WordPress giriş sayfasını her zamanki gibi manuel olarak ayarlayın, kodlar ve dosyalarla çalışarak WordPress’teki birçok şeyi değiştirebilirsiniz. Giriş sayfası bir istisna değildir. Aşağıdaki kodların çoğu, sayfada değişiklik yapmak için temanızın function.php’ini girin. Değilse, size tam tersini yapmanızı talimat vereceğiz. Giriş sayfası için özel bir stil sayfası oluşturun İlk adım olarak, sayfa tasarımını nasıl değiştireceğiniz hakkında konuşacağız. Bu, sitenizin geri kalanı için Style.css temasında yaptığınız gibi CSS aracılığıyla yapılabilir. Ancak, her şeyi biraz daha düzenli hale getirmek için, giriş sayfası için özel bir stil sayfası yapalım.
Bunun için, FTP veya sunucunuza erişmek için kullandığınız herhangi bir arayüz aracılığıyla tema klasörünüzü (çocuk) (WP-Concent/TEMAS/Yourtheme altında) açın. Burada, Login adlı yeni bir dizin oluşturun. Burası, sayfamız için kullanabileceğimiz tüm stilleri ve resimleri depolayacağız. Ardından, boş bir metin dosyası oluşturun ve ad login-styles.css (aslında, aşağıdaki kodu kullandığınız sürece ad çok önemli değildir). Bu dosyayı yeni oturum açma dizinine yükleyin. Bundan sonra, WordPress’in yeni stil sayfanızı içermesi için aşağıdaki kodu Function.php’ye ekleyin. Custom_login_stylesheet () işlev {wp_enqueue_style (‘custom-login’, get_stylesheet_directory_uri (). ‘/Login/login-yles.css’);
}
Add_action (‘login_enqueue_scripts’, ‘Custom_login_stylesheet’); Şimdi bu stil sayfasına eklediğiniz her CSS, giriş sayfası için yüklenecek. Bu, tasarımın herhangi bir bölümünü isteklerinize göre değiştirmenizi sağlar.
Ancak, WordPress’in bu sayfa için zaten bir dosyası olduğunu lütfen unutmayın. Sonuç olarak, mevcut gücü etkilemek için çok özel bir CSS operatörü kullanmanız gerekebilir. Neyse ki, Codex WordPress şu listeyi sağlıyor: Body.login {}
body.login div#giriş {}
body.login div#giriş h1 {}
body.login div#giriş h1 a {}
body.login div#giriş formu#loginform {}
body.login div#oturum açma formu#loginform p {}
body.login div#oturum açma formu#loginform p etiketi {}
body.login div#giriş formu#giriş formlogin {}
body.login div#oturum açma formu#loginform giriş#user_login {}
body.login div#oturum açma formu#loginform giriş#user_pass {}
body.login div#giriş formu#loginform p.forgettMenot {}
body.login div#oturum açma formu#loginform p.forgetgetot giriş#reminme {}
body.login div#giriş formu#loginform p.submit {}
body.login div#giriş formu#loginform p.submit giriş#wp-submit {}
body.login div#giriş p#nav {}
body.login div#giriş p#nav a {}
body.login div#giriş p#backtoBog {}
body.login div#oturum açma p#backtoBlog A {} Örneğin, giriş sayfasındaki giriş düğmesini değiştirmek için aşağıdaki kodu kullanabilirsiniz:
body.login div#giriş formu#loginform giriş#wp-submit {
Arka plan rengi: turuncu;
Sınır: Ortam mevcut değildir;
Sınırlar: 0;
Gölge Kutusu: Hayır;
Rulman: 0 36px 2px;
Metin: Hayır;
} Sonuçlar şöyle görünüyor:
Tabii ki, yukarıdaki operatör biraz aşırı bir örnektir. Genellikle, daha az hedeflenen kodlarla aynı şeyi başarabileceksiniz. Ayrıca sayfadaki diğer tüm şeyleri arka plandan yazı tiplerine, tasarıma kadar da değiştirebilirsiniz. Küçük bir CSS bilgisi ile hayal gücünüzün bir sınırı yoktur. WordPress Logo Logosunu Değiştir Sitenizi markalaşmayı daha tutarlı hale getirmek için iyi bir fikir, kendi logonuzu logo sayfasında (varsayılan WordPress logosu kadar güzel) kullanmaktır. Bu yalnızca giriş sayfasının üst kısmındaki H1 bağlantısının arka plan görüntüsünü değiştirerek yapılır.
Bunu iki şekilde yapabilirsiniz. Birincisi, sadece yaptığımız özel bir stil sayfası kullanmaktır: body.login div#giriş h1 a {
} Şimdi logo dosyasını tema dizininizin loggerine yourlogo.png adıyla giriyorsanız, sayfanızda görünmeye başlayacaktır. Özel bir stil sayfası yapmak istemiyorsanız, logoyu daha doğrudan işlevle daha doğrudan değiştirebilirsiniz.
#Giriş H1 A, .login H1 A {
Arka plan-image: url (/Login/yourlogo.png);
}
<? Php}
Add_action ('login_enqueue_scripts', 'Custom_login_logo'); Şahsen, stil sayfası rotasını kullanmayı tercih ederim ama size kalmış.
Bundan sonra, geriye kalan tek şey logonuz ve başlık tarafından belirlenen URL'yi değiştirmektir (birisi fareyi logoya yönlendirdiğinde görünen metin). Sonuçta, kendi web sitenize bağlantı vermek WordPress ana sayfasından daha makul değil mi? Biz de öyle düşünüyoruz. URL'yi değiştirmek ve metni yönlendirmek için bunu işlevinize girin.php dosyası: my_login_logo_url () işlev {)
geri home_url ();
}
add_filter ('login_headerurl', 'my_login_logo_url');
İşlev my_login_logo_url_title () {
'sitenizin adı ve bilgileri' döndür;
}
add_filter ('login_headertitle', 'my_login_logo_url_title'); 'Sitenizin adını ve bilgilerini' size mantıklı gelen hiçbir şeye değiştirmeyi unutmayın. Logo bağlantısını ana sayfanız yerine özel bir URL olarak değiştirmek için şu kodu kullanın:
İşlev my_login_logo_url () {
geri 'http://yourcustomurl.com';
}
add_filter ('login_headerurl', 'my_login_logo_url'); Pekala, bu giriş sayfası için yeterli, başka şeylere geçelim. Kutuyu Kontrol Edin Varsayılanımı hatırlayın, kullanıcı girmeden önce hatırlamamı kontrol ederse, sitenize 14 gün boyunca girerler. Değilse, iki gün sonra veya tarayıcılarını kapattıklarında otomatik olarak çıkacaklar. Varsayılan olarak, bu kutu kontrol edilmez, ancak aşağıdaki kodla kolayca değiştirebilirsiniz.
add_filter ('login_footer', 'rember_checked');
}
Add_action ('init', 'login_checked_remember_me');
İşlev beni hatırla
echo "
";
} Her zamanki gibi, işlev için function.php'yi girmesi gerekir. Oturum açma formuna geçersiz bir kimlik bilgisi içeren her kullanıcıya giren bir hata mesajını değiştirin otomatik bir hata mesajı alın, hangi parçanın yanlış olduğunu, kullanıcı adı veya şifre.
Ne yazık ki, bu, sitenizi daha az güvenli hale getirebilir, çünkü bilgisayar korsanlarına sitenize nasıl erişeceğiniz konusunda talimatlar sağlar. Bu nedenle, bazı insanlar değişen mesajlar önerir. Neyse ki, bu oldukça kolay. Özel bir mesaj oluşturmak için, aşağıdaki kodu function.php: custom_login_error_message () işlevine girmeniz yeterlidir.
{
"Evet, bu yanlış. Lütfen tekrar deneyin.";
}
add_filter (‘login_errors’, ‘Custom_login_error_message’); Bundan sonra, şifrelerini veya kullanıcı adını unutan herkes mesajı görecektir.
Kullanıcıyı yönlendirin Her zamanki gibi girdikten sonra, WordPress web sitenizde oturum açan herkes otomatik olarak gösterge tablosuna girer. Ancak, bunları özel bir selamlama sayfasına, üyelik alanına veya başka bir yere göndermek daha mantıklı olacaktır. Bundan daha kolay bir şey yoktur: Custom_login_redirect fonksiyonu ($ redirect_to, $ request, $ kullanıcı) {if ($ user-> rolers) && is_array ($ user-> rooles)) {
if (in_array (‘yönetici’, $ kullanıcı-> roller)) {
geri admin_url ();
} değilse {
}
} değilse {
geri home_url ();
}
}
add_filter (‘login_redirect’, ‘Custom_login_rediect’, 10, 3); Yukarıdaki kodla, yönetici olmayan herkes otomatik olarak Site Ana Sayfasına aktarılır. Ancak, gerekirse, bunu özel bir URL’ye de gönderebilirsiniz: işlev my_loginREDIRECT ($ redirect_to, $ request, $ user) {
if (isset ($ user-> roller) && is_array ($ user-> roller)) {
if (in_array (‘yönetici’, $ kullanıcı-> roller)) {
geri admin_url ();
} değilse {
geri home_url (). ‘/üye’;
}
} değilse {
geri home_url (). ‘/üye’;
}
}
add_filter (‘login_redirect’, ‘my_loginRiDirect’, 10, 3); Bu şekilde, yönetici hakları olmayan her kullanıcı sizinkine gönderilecektir. Gerektiğinde değiştirin. Giriş sayfası bağlantısının üzerinde iki bağlantı vardır. Bunlardan biri “şifrenizi mi kaybediyor?” bağlantı. Bu, kullanıcıların parolalarını kaybederse yeniden düzenlemelerine olanak tanır. Diğeri, kullanıcıları verandaya geri getiren “geri” bağlantı. Özellikle daha temiz bir tasarıma ulaşmak için birinden kurtulmak istemek için iyi bir neden var. Bunu, giriş sayfası stil sayfanıza aşağıdakileri girerek yapabilirsiniz: P#nav {ekran: hiçbir şey;
}
P#bloga geri dön {
Ekran: Hiçbir şey;
} İlk kod indirimi şifre kurtarma bağlantısını siler, ikinci bağlantı ana sayfanıza döner. Onları sadece sayfadan değil, görünümden kaldırır, ancak bu bizim amacımız için yeterlidir. Verandaya ekstra bağlantılar ekleyin, ancak sadece mevcut bağlantıları silmekle kalmaz, ek bağlantılar da ekleyebilirsiniz. Bir bloga, belgelere, sosyal profil veya başka bir adrese bir kısayol için ziyaretçileri vermek istiyorsanız mantıklıdır. Giriş formunun altına şöyle ekleyebilirsiniz: Custom_loginfooter () function () {?>
En son ipuçları ve püf noktaları için blogumuzu ziyaret edin!
<? Php}
Add_action ('login_footer', 'Custom_loginfooter'); Tabii ki, bağlantının adresini kendi siteniz için mantıklı olan herhangi bir şeye değiştirebilirsiniz. Özel-footer-link sınıfı, bağlantıın stilini isteklerinize ayarlamanıza da izin verir. Bu, örneğin sosyal simgeler eklemek için yararlı olabilir. Bir WordPress Oturum Açma Sayfası Oluşturun Başından beri mevcut oturum açma sayfasını değiştirmenin birçok yolunu öğrendik. Ancak, tamamen yeni bir sayfa oluşturmak da mümkündür. Ne yazık ki, bu makalenin kapsamı dışında nasıl yapılacağına dair talimatlar. Ancak, ilgileniyorsanız, aşağıdaki kaynaklar sizi doğru yöne yönlendirecektir. Kendi WordPress Giriş sayfanızı yapın
Tamamen ayarlanmış bir WordPress giriş sayfası nasıl oluşturulur
Eklentiler aracılığıyla bir WordPress özel giriş sayfası oluşturmak, elbette, tüm bu değişiklikleri ve daha fazlasını bir eklenti aracılığıyla yapamazsanız WordPress olmaz. Aslında, kullanıcıların seçilecek çeşitli eklenti çözümleri var ve şimdi bazılarını tartışacağız. Gelenek Girin
İlk eklentimiz çoğunlukla giriş sayfası tasarımı ile ilgilidir. Bu, düğmeyi tıklayarak arka plan rengini, arka plan görüntüsünü ve logoyu değiştirmenizi sağlar. İsteğe bağlı olarak, özel CSS, HTML ve JavaScript de ekleyebilir ve giriş sona erene kadar zaman aralıkları gibi diğer ayarları değiştirebilirsiniz. Yeterli değilse, oturum açma URL'sini değiştirmenize, aktarımı eklemenize ve daha fazlasını eklemenize izin veren bir dizi ücretli uzatma da vardır. Özel giriş sayfasının ayarlanması
Bir sonraki eklenti bahsetmeye değer çünkü Varsayılan WordPress ayarına giriş sayfasına bir ayar seçeneği ekliyor. Bu, sitenize girmeden önce yaptığınız değişikliklerin önizlemesini görebileceğiniz anlamına gelir. Ne kadar rahat! Beklendiği gibi, özel oturum açma sayfasındaki ayarlamalar, logoyu, sayfaları ve formları ve diğer tüm stilleri değiştirmenizi sağlar. Ancak, genel seçenekler tasarımla sınırlıdır, transfer veya bunun gibi diğer şeyler gibi herhangi bir işlev ekleyemezsiniz. WordPressCustomization Oturum Açma Sayfasını ayarlayın WordPress Giriş sayfası, selefine benzer bir düzenleme işlevi sunar, ancak özel özelliklerle birlikte gelir. Bu eklenti, giriş sayfası arka planına slayt gösterileri eklemenizi sağlar. Bu, kullanıcıların bazı arka plan görüntülerini seçebileceği ve farklı slayt ekran efektleriyle görüntüleyebileceği anlamına gelir. Ayrıca, sayfalara sosyal ikonlar ekleyebilir ve özel tipografi için Google yazı tipini entegre edebilirsiniz. Yani, giriş sayfanızda ek pizzazz arıyorsanız, bu eklenti kesinlikle denemeye değer. Logo Uber girin
İstediğiniz tek şey giriş sayfanızdaki logoyu değiştirmekse, bu sizin için bir eklentidir. Uber logo logosu, kendi logonuza sahip bir logo sayfası markası vermek için hafif bir çözümdür, ancak başka stiller veya seçenekler sunmaz. WP-login.php adını değiştirin, adından tahmin edebileceğiniz gibi, bu eklenti WordPress giriş sayfasının adresini değiştirmenizi sağlar. Bu, sitenizi daha tutarlı hale getirmek veya ekstra güvenlik katmanları eklemek için kullanılabilir. Sadece kullanmak, kaydetmek ve bitirmek istediğiniz adresi girin. Kolay. Peter eklentisinin aktarımı başka bir hedef. Bu sefer size özel transfer ekleme seçeneği sunar. Bu şekilde, kullanıcı başına bile verandaya veya istediğiniz diğer sayfalara ziyaretçileri gönderebilirsiniz. Gördüğünüz gibi, birçok eklenti çözümü var. Yetmezse, bu makalede WordPress sitesini (bir dizi ücretli eklenti dahil) ayarlamak için daha fazla seçenek bulabilirsiniz. WordPress özel giriş sayfasına hazır mısınız? Bir kez daha, WordPress platformunun olağanüstü esnekliğini görebiliriz. Kelimenin tam anlamıyla, çoğu kullanıcının önemsiz olduğunu düşündüğü parçalar da dahil olmak üzere, bununla ilgili her şey tamamen ayarlanabilir. WordPress giriş sayfasını ayarlamak, ziyaretçileriniz ve müşterileriniz tarafından takdir edilecek tutarlı markalama gibi birçok fayda sunar. Ancak, özel bir giriş sayfası da site gezinmesini, kullanıcı deneyimini ve site güvenliğini artırmaya yardımcı olabilir. Yukarıda size giriş sayfanızın tasarımını ve stilini ve işlevlerini değiştirmenizi sağlayan birçok kod örneği verdik. Rengi veya yazı tipini değiştirmek, kutuyu etkinleştirmek ister misiniz?
