WordPress Giriş Sayfasını Özelleştirme

WordPress’in sıradan bilinen giriş sayfasını temanın functions.php dosyasına yazacağımız kodlar ile özelleştireceğiz. Böylece temaya özgü bir giriş sayfasına sahip olmuş olacağız.

İlk olarak tema dizininde giris.css adında bir dosya oluşturuyoruz ve aşağıdaki kodları functions.php dosyasına ekleyerek giris.css dosyasının giriş sayfasına dahil edilmesini sağlayacağız.

function giris_sayfasi_css() {
echo ‘<link type=”text/css” href=”‘.get_template_directory_uri().’/giris.css” />’;
}
add_action(‘login_head’,’giris_sayfasi_css’);

Böylece giris.css dosyasına yazacağımız kodlar ile giriş sayfasını tamamen değiştirebiliriz.

WP-LOGİN Arkaplan resmi ekleme

body.login {
background-image: url(‘arkaplan için resim urlsi’);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

wp-login Logo değiştirme

 

.login h1 a{
background-image: url(formun üstündeki logo urlsi);
}

 

Giriş Formunun Görünümünü değiştirme

#loginform{
background-color: #333;
border-radius: 5px;
opacity: 0.8;
}
#loginform label{
color: white;
font-weight: bold;
}
#loginform input{
border-radius: 3px;
}

böylelikle giriş sayfasının tamamen görünümünü değiştirmiş olduk. Aynı zamanda şuradaki link ile giriş sayfasının url yerini değiştirebilirsiniz.

(Toplam okuma 1 , bugün ki okuma 1 )

Cevap yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir