Wordpress Admin Panel Logosunu Değiştirmek

Web sitenizin ziyaretçiler için bir giriş sayfası var mı? Ya da siz de benim gibi Wordpress’in kendi logosuna sinir mi oluyorsunuz?Öyleyse, kendi logonuzu eklemek için wordpress admin panel logosunu değiştirmek ya da kullanıcılarınız için daha kurumsal ve güzel bir imaj yaratabilmek için klasik wordpress giriş logosunu değiştirmek isteyebilirsiniz.

Özel bir giriş logosu, web sitenizin marka bilinirliğini oluşturmanıza yardımcı olabilir. Ziyaretçileriniz logonuzu ne kadar çok görürse, web sitenizi hatırlama olasılıkları o kadar artar. Unutmayın markalaşmaya giden yol, sadece bir kaç günde tamamlanmaz. Bu uzun vadeli, maliyetli ve yorucu bir süreçtir.

Tabii ki sadece bir logoya sahip olmak ve bunu websitenizin çeşitli yerlerinde kullanmak meseleyi kökten çözmüyor ancak wordpress giriş logosunu değiştirmek hiçte fena sayılmayan bir başlangıç noktası olduğunu kabul etmek gerek.

Bugün, WordPress’te oturum açma sayfalarında yer alan logoyu basit bir şekilde nasıl değiştirebileceğinizi göstereceğim.

Neden Wordpress Giriş Logosunu Değiştirmek İstiyoruz?

Websitenizde oluşturduğunuz diğer tüm sayfalar gibi, kullanıcı giriş sayfanız da iyi tasarlanmış olmalıdır ancak iş giriş sayfalarına geldiği zaman kozmetik açıdan yapabileceğiniz pekte bir şey bulunmuyor. Amacı kullanıcı bilgilerinin girilerek giriş yapılması olan bir sayfaya en fazla ne ekleyebilirsiniz?

Genellikle, klasik bir oturum açma ekranında kaydolma veya parolanızı unuttum seçeneğiyle birlikte bir kullanıcı adı ve parola alanı görürsünüz. İşte bu noktada sahneye markanıza ait logo tasarımı devreye girer, güzel tasarlanmış bir logo vasat görünümlü giriş sayfanızın daha şık görünmesini sağlar ve giriş sayfanızın assolisti haline gelebilir.

Unutmayın, ambalaj her şeydir! İç güzellik meselesi tamamen palavradır, insanlar ilk değerlendirmelerini her zaman dış görünüşe göre yani ambalajınıza bakarak yaparlar. Günümüz Dünyasında herkes kurumsal, herkes çok şık. Siz de her alanda, her sayfada çok kurumsal ve çok şık görünmelisiniz!

İyi bir logo tasarımınız yoksa, en kısa sürede bir freelancer ya da ajansla kontağa geçerek markanızı ve sizi doğru bir şekilde yansıtacak güzel bir logo tasarımı yaptırın.

WordPress Admin Panel Logosunu Değiştirmek

Admin/Giriş panel logonuzu değiştirebilmek için izleyebileceğiniz bir kaç alternatif yöntem bulunuyor. Bunlardan ilki ve elbette ki tavsiye ettiğim versiyonu eklentisiz bir şekilde, bir kod parçacığı (code snippet) ile yapmak. İkincisi ise hafif ve kullanışlı bir eklenti sayesinde değiştirmek. Sitedeki içerikleri okuduysanız bu tarz ufak tefek şeyler için eklenti kurmaya ne kadar karşı olduğumu zaten çok iyi bir şekilde anlamışsınızdır, yine de tercihi tamamen size bırakıyorum. Nasıl yapmak istiyorsanız o şekilde yapabilirsiniz, her iki yolu da pratik bir şekilde göstereceğim.

Metot 1: Eklentisiz Wp Admin Logosunu Değiştirmek (Tavsiye Edilen Yöntem)

Benim bütün websitelerimde wp admin logosunu değiştirmek için kullanmış olduğum metot bu arkadaşlar. Herhangi bir ekstra eklenti kurmanıza gerek yok, dolayısıyla sitenizi yavaşlatabilecek hiçbir etkisi bulunmuyor. Sadece altta vermiş olduğum kod parçasını (code snippet) herhangi bir snippet eklentisi aracılığıyla ya da temanızın functions.php dosyasına ekleyerek çalıştırmanız yeterli olacak. Ben snippetlerimi çalıştırmak için her zaman Code Snippets by Code Snippets Pro eklentisini kullanıyorum. Bu eklenti hem oldukça hafif (site hızınıza hiçbir etkisi yok) hem de ücretsiz olarak hiçbir fonksiyon kısıtlamasına uğramadan çalışabilen bir eklenti.

Evet, bu aşamadan sonra gerisi size kalmış durumda. Altta yer alan kodu temanızın functions.php dosyasına (Ulaşmak için admin panelindeki menüden Görünüm—>Tema Dosya Düzenleyicisi—>Functions.php yolunu takip edebilirsiniz.) dosyasının içerisindeki en üst satırda bulunan “<?php” satırının hemen altına ekleyebilirsiniz.) ya da herhangi bir snippet çalıştırma eklentisine ekleyip aktif etmeniz, logonun değişmesi için yeterli olacak.

function my_login_logo_one() {
?>
<style type=”text/css”>
body.login div#login h1 a {
background-image: url(Logonuzun Linki Buraya Gelecek);
padding-bottom: 0px;
width:150px;
height:150px;
background-size: 150px 150px;
}
</style>
<?php
} add_action( ‘login_enqueue_scripts’, ‘my_login_logo_one’ );

Kodla ilgili dikkat etmeniz gerekenler:

Kodda yer alan “(Logonuzun Linki Buraya Gelecek)” kısmına wordpress medya galerinize yüklediğiniz ve kullanmak istediğiniz logonun linki gelmeli. Giriş sayfasında favicon kullanmak her zaman en güzeli oluyor, bu yüzden size de logonuzun tam versiyonunu değil sadece favicon olarak kullandığınız kısmı yani ikonik bölümünü eklemenizi tavsiye ediyorum. PNG veya SVG (En iyisi SVG olur, hem boyutu ufak hem de netliği hiçbir şekilde bozulmaz. Ben de SVG olarak kullanıyorum.)

Bunun dışında;

padding-bottom: 0px;
width:150px;
height:150px;
background-size: 150px 150px;

Bu kısımdaki css ölçülerini logonuza ve istediğiniz görüntüye göre ayarlamanız gerekiyor. Ben kare bir formatta 150px ebatını tercih ettim. Siz de değerlerde oynarak istediğiniz görüntüyü yakalayabilirsiniz.

Logonuzun altında boşluk oluşturmak isterseniz de “padding-bottom:0px;” kısmındaki değeri arttırabilirsiniz.

Eklenti Yardımıyla Wordpress Wp Admin Logosunu Değiştirmek

Birileri neden bu yöntemi tercih eder inanın bilmiyorum ama yine de eklenti kullanarak da wp admin logosunu değiştirmek isteyenler varsa diye kısaca bu yöntemden de bahsedeceğim. Amacı sadece giriş sayfasının logosunu değiştirmeye yönelik eklenti sayısı aslında oldukça fazla ama ya bir çoğu düşük değerlendirmeye sahip ya da bir çoğu çok uzun bir süre önce güncelleme almış durumda. Bu yüzden geliştirici ekibin kaderine terk etmediği, hem giriş sayfası logonuzu hem de giriş sayfanızı komple değiştirebileceğiniz bir eklenti buldum.

Eklenti ile bir çok değişik giriş ekranı tasarımı yapmak mümkün, ben bu yazıda sadece logo değiştirmeye odaklandığım için diğer kısımlara girmeyeceğim ancak siz eklentiyi bir miktar kurcalayarak sayfa tasarımını oldukça ilginç hale getirebilirsiniz. Ben bu kadarının artık gereksiz şov olduğunu düşündüğüm için böyle bir topa girmedim. 🙂

LoginPress Eklentisi

İlk olarak eklentiyi kurun ve etkinleştirin (Admin Paneli > Eklentiler > Yeni Ekle>LoginPress).
Ardından, tekrardan admin panel anasayfanıza dönün, LoginPress’e gidin, Customizeri(Özelleştir) seçin. Bu sizi, giriş sayfasının görünümünü önizleyebileceğiniz ve değiştirebileceğiniz tasarım arayüzüne götürecektir.

LoginPress Customizer

Bu özelleştiriciden logo sekmesine gelin ve “select image” kısmından giriş sayfanıza koymak istediğiniz logoyu seçin ve publish (yayınla) butonuna tıklayarak değişikliklerinizi kaydedin.

LoginPress Logo Değiştirme Ekranı

Voilà! İşte wordpress admin panel logo değiştirmek işlemi bu kadardı. Artık giriş sayfalarımız daha şık ve güzel görünüyor. Daha fazla wordpress ipuçları için, wordpress püf noktaları kategorisine göz atmayı unutmayınız!

Wordpress Dersleri Wp-Admin Sayfası

Yorum yapın