WP-Admin Tasarımınız Size Özel Olsun!

Wordpress'in mükemmel temaları ile sitelerimizi yönetirken kullandığımız wp-admin sayfası biraz sönük kalmaya başladı. İstersek wp-admin sayfamızı da en az mevcut tema kadar görsel bir hale getirebiliriz. Nasıl mı? Gayet basit!

Wordpress'in mükemmel temaları ile sitelerimizi yönetirken kullandığımız wp-admin sayfası biraz sönük kalmaya başladı. İstersek wp-admin sayfamızı da en az mevcut tema kadar görsel bir hale getirebiliriz. Nasıl mı? Gayet basit!

Öncellikle sitenizin dosyalarına erişmeniz gerekiyor. Biraz da css bilgisi gerekli ama anlatırken hiç kod bilmeyen biri bile değişiklikleri yapabilecek şekilde anlatmaya gayret edeceğim.

Tamamlanmış hali şöyle olacak.



Site dosyalarınızı açtıktan sonra şu yolu takip etmeniz gerekiyor wp-admin>css>wp-admin.dev.css evet dosyamız wp-admin.dev.css asıl değişiklikler bu dosya içerisinde yapılacak.

Başlamadan önce firebug kullanmanız sizler için çok kolaylık sağlayacaktır.

Firebug nedir ne için kullanılır diyorsanız onun için buraya tıklayın önce. Browser'a firebug kurulduysa başlıyoruz.

Sitenizin admin sayfası için bir arkaplan seçin öncelikle daha sonra sitenize resmi upload edin resmin yolunu kopyaladıktan sonra css dosyasını açıp body.login etiketine gidin yalnız sadece body.login olmasına dikkat edin.


background-image:url("resmin yolu");


şeklinde ekleyin.

Ardından #login etiketine gidin background özelliğine istediğiniz photoshop ile hazırlanmış bir arka plan linki veya başka bir renk özelliği tanımlayın. Konumu değiştirmek için de margin-left ve margin-right özelliğini kullanabilirsiniz.

Son olarak wordpress logosu yerine kendi logonuzu eklemek için logonuzu png formatında ve logo-login adından kaydedip wp-admin içerisindeki images klasörüne atabilirsiniz.Eğer başka isimde kaydedip atarsanız .login h1 a etkiketinde background linkini düzenlemeniz gerekecektir.

Kolay gelsin :)
  • Etiketler;
Nesrins Nesrins
Sanalkurs.net
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

nesrin hanım wp-admin>css>wp-admin.dev.css yolunu izleyerek dosyaya ulaşmak istedim ama böyle bir dosyayı bulamadım nesrin hanım o dosyaya başka nasıl ulaşabilirim acaba yardımcı olursanız çok sevinirim teşekkür ederim şimdiden

Yukarı Git