WordPress yönetim paneline giriş yaptığınız sayfada yer alan WordPress Logosu yerine kendi logonuzu kolaylıkla kullanabilirsiniz. Aynı şekilde sayfanın arkaplanı, form ve buton için kullanacağınız renk ve diğer stil özellikleri belirleyebilirsiniz. Böylelikle sitenizle uyumlu ve özgün bir giriş sayfasına sahip olacaksınız. Özellikle sitenizde tek yazar siz değilseniz diğer yazarlarında uğrayacağı bu sayfayı es geçmemenizi öneriyorum. İşte WordPress Admin Panel Sayfası Logosunu Değiştirme yazımız sizlerle.

Öncelikle değişiklik yapmamız gereken dosya temanızın functions.php dosyası. Her ihtimale karşı dosyanızın bir yedeğini aldıktan sonra <?php ile başlayan satırdan sonra eklemeniz gereken kod şu şekilde.

function custom_login_css() {
echo ‘<link rel=”stylesheet” type=”text/css” href=”‘.get_stylesheet_directory_uri().’/login/login-style.css” />’;
}
add_action(‘login_head’, ‘custom_login_css’);

Şimdi tema dizininde login isimli yeni bir klasör oluşturun. Sayfamızın stil dosyasını ve logomuzu bu dizinde bulunduracağız. Öncelikle oluşturduğumuz dizin içinde login-style.css dosyasını oluşturalım.

Login Sayfasının Arkaplan Rengini Değiştirelim

Yapacağımız eklemeleri login-style.css dosyasına kaydetmeniz gerekiyor. Arkaplan rengini sitenizle uyumlu bir renk olarak belirleyebilirsiniz. Bunun için eklemeniz gereken kod şu şekilde olacaktır.

body.login {
background: #e9edf9;
}

Renk yerine arkaplan olarak bir resim de belirleyebilirsiniz.

WordPress Logosu Yerine Kendi Logonuzu Ekleyin

Stil dosyasının yanında login klasöründe bulundurmanız gereken diğer bir dosya logonuz. WordPress logosu yerine kendi logonuzu kullanmak için stil dosyasına eklemeniz gereken kod şu şekilde.

.login h1 a {
background-image: url(‘../login/logo.png’);
background-size: 265px 60px;
width: 265px;
height: 60px;
}

Logoyu yeni oluşturduğumuz login klasörüne yerleştirmeniz gerektiğini söylememe gerek yok sanırım. Genişlik ve yükseklik değerlerini kendi logonuza göre ayarlamayı unutmayın.

Login Formunda Biraz Değişiklik Yapalım

Şimdi formda biraz değişiklik yapalım bunun için renkleri kendinize göre düzenleyerek aşağıdaki kodu stil dosyanıza ekleyin.

.login form {
padding:30px;
border: 1px solid #d9e6f2;
background-clip: padding-box;
background: #fff;
box-shadow: #b5cee6;
overflow: hidden;
}

Kullanıcı adı. Parola ve Beni Hatırla bölümlerinin rengini değiştirelim.

login label {
color: #333;
line-height: 25px;
}

Buton rengini değiştirerek formumuzu düzenlemeyi bitirebiliriz.

.login .button-primary {
width: 120px;
float:right;
background-color:#0079c1 !important;
color: #fff;
}
.login .button-primary:hover {
background-color:#494747 !important;
color: #fff;
}
.login .button-primary:active {
background-color:#494747 !important;
color: #fff;
}

Logo Linkini Kendi Sitenize Yönlendirin

Logomuza tıklandığnda wordpress.org adresine gitmekte.Artık kendi logomuzu eklediğimize göre sitemize yönlendirerek düzenlemelerimizi sonlandırabiliriz. functions.php dosyasına eklemeniz gereken kod şu şekilde.

function my_login_logo_url() {
return get_bloginfo( ‘url’ );
}
add_filter( ‘login_headerurl’, ‘my_login_logo_url’ );

function my_login_logo_url_title() {
return ‘Netbil site isminiz ve açıklaması’;
}
add_filter( ‘login_headertitle’, ‘my_login_logo_url_title’ );