Wordpress

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.

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

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

WP-LOGİN Arkaplan resmi ekleme

[php]

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

[/php]

# wp-login Logo değiştirme

[php]

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

[/php]

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

[php]

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

[/php]

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.

Alakalı
Daha fazla yükle

Mustafa Işık

Hoşgeldiniz size daha iyi içerikler üretmek, profesyonel anlamda size faydalı haberler çıkartmak için çalışıyoruz ve buna profesyonel anlamda devam edebilmemiz için reklam kazancına ihtiyacımız var. Lütfen Adblock vb. reklam engelleme uygulamalarını bizim sitemizde kullanmayın. Unutmayın tek gelir kaynağımız reklam tıklamalarıdır.

Konu ile alakalı yazılar

Düşünceni yaz gelsin

Close
Close