WordPress Custom Logo API Nasıl Kullanılır?

WordPress Custom Logo API Nasıl Kullanılır?
133

WordPress kullanıcıları her zaman kendi web sitelerini istedikleri şekilde özelleştirmek ister. WordPress kullanıcıları için hem ücretli hem de ücretsiz binlerce WordPress teması geliştirilmiştir. Ancak kullanıcılar kolayca sitenin logosunu değiştirmek istediğinde bile çoğu zaman bu konuda hayal kırıklığına uğrayabiliyor.

WordPress geliştiricileri bu logo değiştirme konusunda kullanıcılara kolaylık olması için WordPress 4.5 ile birlikte custom_logo desteğini ekledi. Böylelikle kullanıcılar temasına ekleyeceği ufak bir kod ile sitenin logosunu admin panelinden rahatça değiştirebilecekler.

Kullanıcılar kullandığı temada yapacağı ufak bir eklemeyle birlikte Görünüm > Özelleştir > Site Kimliği kısmından site logosunu değiştirebilecek.

Bu yazımda hem geliştiriciler için hem de kullanıcılar için custom_logo özelliğinin nasıl kullanacağından bahsettim.

logo


WordPress Custom Logo API Nasıl Kullanılır?

Aşağıdaki yönergeleri takip ederek temanıza custom logo desteği ekleyebilirsiniz.

WordPress Custom Logo API

Temanıza özel logo özelliğini eklemek için aşağıdaki kodu functions.php dosyasına ekleyin.

function uckan_setup() {
 add_theme_support('custom-logo');
 }

add_action('after_setup_theme', 'uckan_setup');

Logo Boyutunu Ayarlayalım

Eklenecek olan logo’nun boyutunu kontrol etmek için add_image_size() komutunu kullanacağız. Bu boyut kontrolü için logonun ismi, genişliği ve yüksekliğini belirlemeniz gerekiyor. (Bu işlem yukarda yaptığımız işlemle bağımlıdır bu nedenle yukarıdaki kod üzerinde değişiklik yapmanız gerekiyor.)

add_image_size('uckan-logo', 160, 90);
 add_theme_support('custom-logo', array(
 'size' => 'uckan-logo'
 ));

Eklenen Logo Nasıl Gösterilir?

Özelleştir kısmından logo’yu eklediniz ama bir sorun var o da ne? Eklediğiniz logo hiçbir yerde gözükmemekte. Sorun yok çözümü basit! Tekrar temanızın functions.php doyasını açın ve aşağıdaki kodu ekleyin.

function uckan_custom_logo() {
 $output = '';
 if (function_exists('get_custom_logo'))
 $output = get_custom_logo();

 if (empty($output))
 $output = '<h1><a href="' . esc_url(home_url('/')) . '">' . get_bloginfo('name') . '</a></h1>';

echo $output;
}

Oluşturduğumuz uckan_custom_logo fonksiyonu sayesinde logoyu kullanılabilir hale getirdiniz. Şimdi sıra kullanımında.

Logonuzun gözükmesini istediğiniz yere aşağıdaki kodu eklemeniz yeterli.

<?php uckan_custom_logo(); ?>

Yorum Yap