İçindekiler
WordPress Giriş Sayfası Logosunu Özelleştirme
Profesyonel ve görsel olarak tutarlı bir WordPress web sitesi oluştururken her detay önemlidir. Genellikle gözden kaçan ancak önemli olan ayrıntılardan biri de giriş sayfası logosudur.
Bu basit ama etkili değişiklik, WordPress’in varsayılan giriş sayfasına kendi marka logonuzu eklemenize olanak tanır. Ayrıca, varsayılan giriş URL’sini değiştirmek bazı durumlarda web sitenizin güvenliğini artırabilir.
Logonuzu Hazırlama
Özelleştirmeye başlamadan önce, iyi tasarlanmış bir logonuzun hazır olduğundan emin olun. İşte bazı ipuçları:
- Logo Boyutları: Logonuz için ideal boyutları kontrol edin. Kare logolar çoğu zaman iyi çalışır. Ancak, 720×144 piksel boyutlarında bir logo oluşturmanızı tavsiye ederim.
- Dosya Biçimi: PNG veya JPEG gibi yaygın görüel formatlarını kullanın.
Logonuzu Yükleme
- WordPress Yönetici Paneline Erişim: WordPress yönetici panelinize giriş yapın.
- Medya Kütüphanesi: Sol menüden “Medya” > “Kütüphane” yolunu izleyin.
- Logonuzu Yükleyin: “Yeni Ekle” butonuna tıklayarak logonuzu yükleyin. Yükleme işlemi tamamlandıktan sonra logoya tıklayarak detayları görüntüleyin.
- URL’yi Kopyalayın: “Bağlantıyı Kopyala” bölümünden logonun URL’sini kopyalayın. Bu URL, logonuzu ayarlarken işinize yarayacak.
functions.php Dosyasını Düzenleme
Artık logonuz hazır ve URL’sini kopyaladınıza göre, giriş sayfasını özelleştirme zamanı geldi. Giriş sayfası logosunu değiştirmenin iki temel yöntemi vardır:
Yöntem 1: functions.php Dosyasını Düzenleme
- functions.php Dosyasını Açın: Tema dizininizde yer alan functions.php dosyasını açın.
- Aşağıdaki Kodu Ekleyin: Dosyanın sonuna aşağıdaki kodu ekleyin ve ‘YOUR_LOGO_URL’ kısmını daha önce kopyaladığınız logo URL’si ile değiştirin.
function ozel_giris_logosu() {
echo '<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(BURAYA LOGO URLNİZİ YAZINIZ);
height: 100px; /* Yüksekliği ihtiyacınıza göre değiştirin */
width: 100%; /* Duyarlılık için %100 genislik kullanın */
background-size: contain; /* Özelliği ihtiyacınıza göre ayarlayın */
}
</style>';
}
add_action('login_enqueue_scripts', 'ozel_giris_logosu');
- Değişiklikleri Kaydedin: functions.php dosyasında yaptığınız değişiklikleri kaydedin.
Özelleştirilmiş Giriş Sayfasını Test Etme
Giriş sayfasınızı özelleştirdikten sonra her şeyin beklendiği gibi görünüp görünmediğini test etmeniz çok önemlidir. WordPress yönetici panelinden çıkış yapın ya da bir gizli sekme (incognito) açarak giriş sayfanızı kontrol edin. Farklı cihazlarda test ederek duyarlılığı (responsive) doğrulayın.
Logonun Görünümünü Özelleştirme
Logonuzun görünümünü daha fazla özelleştirmek isteyebilirsiniz. functions.php dosyasına eklediğiniz CSS kodundaki background-size ve background-position gibi özelliklerle oynayarak istediğiniz görünümü elde edebilirsiniz.
Alternatif olarak, bu işlem için bir eklenti kullanarak daha kolay ayarlar yapabilirsiniz.
Bu adımları takip ederek WordPress giriş sayfasınızı özelleştirebilir ve sitenize daha profesyonel bir hava katabilirsiniz.
Yöntem 2: Bir Eklenti Kullanma
Alternatif olarak aynı sonucu bir eklenti kullanarak da elde edebilirsiniz. Bunun için:
- Eklenti Yükleme Sayfasına Gidin: WordPress yönetici panelinde Eklentiler > Yeni Ekle yolunu izleyin.
- Eklenti Araması: Arama kutusuna “Change Login Page Logo“ anahtar kelimesini yazın.
- Eklenti Seçimi: Hoşunuza giden bir eklentiyi seçin ve yükleyin. Ancak eklenti seçerken güncel olmasına ve iyi derecelendirilmiş (yüksek puanlı) olmasına dikkat edin.
- Aktifleştirme ve Ayarlar: Eklentiyi yükledikten sonra etkinleştirin ve ayarlar bölümünden logonuzu ekleyin.