WordPress Giriş Sayfası Nasıl Özelleştirilir

WordPress için Neden Özelleştirilmiş Bir Giriş Sayfasına İhtiyacınız Var?

• Kullanıcılarınız, varsayılan WordPress giriş ekranını kullanarak kaydolacak ve giriş yapacaktır, çünkü WordPress, kendi logonuzu eklemek veya sitenizdeki özel tema veya markanızla eşleşecek şekilde genel görünümü ve hissi değiştirmek için yerleşik seçenekler sağlamaz.

• Bu, küçük web siteleri için iyi sonuç verebilir. Ancak, bir işletme web sitesi veya yoğun bir çevrimiçi topluluk çalıştırıyorsanız, WordPress yerine kendi markanızı göstermek isteyebilirsiniz.

İşte geçebileceğiniz iki yol:

Herhangi bir sorunuz için ABD'deki popüler WordPress Geliştirme Şirketinden uzmanlarla iletişime geçebilirsiniz.

Aşağıdaki çözümleri okumaya devam edelim!

1. Mevcut WordPress Düzenini Kullanın.

• Mevcut olanı özelleştirmek aslında çok kolay.
• Yalnızca logoyu değiştiriyorsa veya tamamen farklı bir düzen veriyorsa, başlangıç ​​noktası login_enqueue_scripts eylemidir.
• Burası, normal, basit bir CSS parçası çıkarmaya veya tam bir CSS dosyasına bağlantı vermeye karar verebileceğiniz yerdir. Ayrıca kullanmak istediğiniz herhangi bir JavaScript'i sıraya alabilirsiniz.
• function.php'de

 add_action('login_head', 'my_custom_login');
function my_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') .'/your_login_styles.css" />';}

• your_login_styles.css, Giriş Sayfasını özelleştirmek için oluşturulan css dosyasının adıdır.
• Burada dikkatli olunmalıdır, temel stili geçersiz kıldığınızdan emin olmak için son derece özel seçiciler kullandığınızdan emin olun.
• Varsayılan olarak, logo herkesi şu adrese bağlar: wordpress.org. Bu, function.php dosyanızdaki aşağıdaki kodu kullanarak sitenizin url'si olarak değiştirilebilir:

 add_filter('login_headerurl', 'my_login_logo_url');
function my_login_logo_url() {
dön get_bloginfo('url');
}
add_filter('login_headertitle', 'my_login_logo_url_title');
function my_login_logo_url_title() {
'Site Adınız ve Bilgileriniz' döndür;}

Hata mesajını değiştirmenin en uygun yolu, function.php dosyanızda aşağıdaki kodu kullanmaktır:

 add_filter('login_errors', 'login_error_override');
function login_error_override()
{
'Yanlış oturum açma bilgileri' döndür.';
}

İlgili : WordPress vs Adobe Business Catalyst : Geliştirmek İçin En İyi CMS Hangisi?

2. Yeni Düzen Oluşturun.

• Yeni başlayanlar için, oturum açma sayfası için özel bir sayfa şablonu oluşturulacaktır.
• Bunu yapmak için yeni bir sayfa şablonu oluşturmayı seçebilir ve ona bir ad verebilirsiniz. örneğin: page-login.php.
• Ardından, WP Admin'den yeni bir sayfa oluşturun. Oturum açmak için kalıcı bağlantıyı kurun. Bu nedenle, WordPress varsayılan olarak bu sayfa için page-login.php şablonunu alacaktır.
• Giriş formunu görüntülemek için wp_login_form etiketini page-login.php sayfa şablonunda tutun

Çevrimiçi büyümek isteyen işletmelere taze, yaratıcı dijital hizmetler sunan küresel bir bilgi teknolojisi çözümleri ajansı. Sonuçlara odaklanarak, dijital hedeflerinize ulaşmanıza yardımcı olmak için teknik becerimizi ve sektör anlayışımızı kullanıyoruz. İster interaktif web tasarımı ile hemen çıkma oranınızı düşürün, ister web sitenize yepyeni trafik ve gelir akışları getirin. Başlamak için projeniz hakkında <a href=”www.elsner.com/contact-us”>bizimle konuşun</a>…

  </p>
</div>
<div class="giriş formu">
<?php
$args = dizi(
'yönlendirme' => home_url(),
'id_username' => 'kullanıcı',
'id_password' => 'geçti',
);
?>
<?php wp_login_form( $args ); ?>
</div>

• Kişisel gereksinimlerinize göre bir CSS yapılabilir. Giriş sayfası zaten çalışıyor.
• Giriş yapmayı deneyebiliriz, eğer başarılı olursa, yukarıdaki yönlendirme parametresinde belirtilen adrese yönlendirileceğiz. Ancak, ele alınması gereken bir şey var.

 add_action('init','redirect_login_page'); 

function redirect_login_page() {
$login_page = home_url('/login/');
$page_viewed = basename($_SERVER['REQUEST_URI']);
if( $page_viewed == "wp-login.php" && $_SERVER['REQUEST_METHOD'] == 'GET')
{
    wp_redirect($login_page);
    çıkış;
}
}

– Giriş sayfası, giriş yaptıktan sonra beklentiye göre çalışabilir. Geçersiz id ve şifre kombinasyonu veya boş alan girişi gibi bir hata oluşması durumunda wp-login.php'ye yönlendirileceğiz. Bu sorunu çözmek için, function.php dosyanıza aşağıdaki işlevi ekleyebilirsiniz:

 add_action('wp_login_failed', 'login_failed');

function login_failed() {
$login_page = home_url('/login/');
wp_redirect( $login_page .'?login=failed' );
çıkış;
}

 add_filter( 'authenticate', 'verify_username_password', 1, 3);

işlev doğrulama_kullanıcıadı_parola( $kullanıcı, $kullanıcıadı, $şifre ) {
$login_page = home_url('/login/');
if( $kullanıcı adı == "" || $şifre == "" ) {
wp_redirect( $login_page. "?login=boş");
çıkış;
}
}

– Son Sorun, siteden çıkış yaptığımızda wp-login.php'ye de yönlendirilecek olmamız. Bu nedenle, çıkışta da yönlendirme URL'sini belirtmemiz gerekiyor.

 add_action('wp_logout','logout_page');
function logout_page() {
$login_page = home_url('/login/');
wp_redirect( $login_page. "?login=false");
çıkış;
}

• Kayıp parola bağlantısının eklenmesi, Kayıt bağlantısı ve hatta kişiselleştirilmiş bir hata mesajı gibi oturum açma sayfasını iyileştirmek için yapılabilecek birçok şey vardır. Ancak, bu noktada, kullanıcıların giriş yapması ve çıkış yapması için artık yeterince iyi çalışıyor. Daha gelişmiş bir giriş sayfası oluşturmak harika bir başlangıç ​​olabilir.

Yani evet! Bu kadar.
Birkaç basit ince ayar ile giriş sayfanızı sitenizin görünümüne ve hissine uyacak şekilde oldukça rahat bir şekilde kişiselleştirebilirsiniz.

Birçok tema tasarımcısı, özellikle WordPress tema kurulumunun dışındayken, gereksiz gördükleri için giriş sayfasını biçimlendirmekten kaçınır.

Bununla birlikte, bir müşteri sitesi oluştururken, stili - ve önemli ölçüde markayı - ihmal ettiğinizde, giriş sayfası, özel bir tema mevcut olduğunda kullanıcının deneyimini bozabilecek kayıp bir fırsat olduğunu kanıtlayabilir.

Kullanıcılarınızın zihninde uzun süreli bir izlenim bırakan sitenizi markalaştırmak için bir diğer fırsat.