Selam! Bugün sizlere WordPress admin paneli  tasarımsal olarak nasıl değiştirilebilir anlatacağım (CSS Kodu yazarak).

Önce ilk işimiz  WordPress klasörümüz/Wp Content/Themes yolunu izlemek daha sonra tema klasörümüze girip functions.php dosyasını açmak ve en alt kısma altta verdiğim kodları yapıştırıyoruz

işlevi giris_ozel_tasarim () { 
echo '' /girisekrani.css "/> ';' echo '' /girisekrani.css "/giris/girisekrani.css" / link "=" metin / css "href =" '.get_bloginfo (' stylesheet_directory '). 
} 
add_action (' login_head ',' giris_ozel_tasarim ');

daha sonra temamızın ana dizinine giris adında bir klasör açıyoruz ve o klasörün içine girisekrani.css dosyasını oluşturuyoruz artık girisekrani.css dosyasına yazdığınız css kodlarıyla admin panelini kişiselleştirebilirsiniz.

WordPress admin panelindeki WordPress Logosu yerine logunuzu koymak için yapacaklarınız

Önce ilk işimiz  WordPress klasörümüz/Wp Content/Themes yolunu izlemek daha sonra tema klasörümüze girip functions.php dosyasını açmak ve en alt kısma altta verdiğim kodları yapıştırıyoruz

işlev custom_loginlogo () { 
echo '<style type = "text / css"> 
body.login div # giriş h1 a { 
background-image: url (https://sizinsiteniz.com/logo.png); 
} 
.login h1 a { 
background-size: 269px; 
genişlik: 269 piksel; 
ayarlar: 60 piksel; 
</ style> '; 
} 
add_action ('login_head', 'custom_loginlogo');

yukarıda gördüğünüz kod bloklarında background-image: url(buraya kendi logonuzun yolunu yazıyorsunuz); kısmını bu şekilde değiştiriyoruz.

background-size: buraya logonuzun genişlik boyutunu px cinsinden yazınız;

 width: buraya logonuzun genişlik boyutunu px cinsinden yazınız ;

height: buraya logonuzun yükseklik boyutunu px cinsinden yazınız;

bu ayarları da kendi logonuza göre değiştirirseniz daha sağlıklı bir görüntü alabilirsiniz.

Bir yazımızın daha sonuna geldik bir daha ki yazımda görüşmek üzere umarım işinize yaramıştır aklınıza takılan veya sormak istediklerinizi facebooktan veya buraya yorum olarak yazabilirsiniz görüşmek üzere.

Yorum yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.