Wordpress temaya logo ekleme

sezaialkan
Sezai Alkan Frontend Developer

Wordpress üzerinde oluşturulan özel tema 'da logo kullanımı için functions.php üzerinden aktif etmemiz gerekmektedir. Aşağıda bulunan kodları functions.php üzerinde eklemeniz gerekmektedir.

function kh_theme_logo(){
    $defaults = array(
        'height'               => 100,
        'width'                => 400,
        'flex-height'          => true,
        'flex-width'           => true,
        'header-text'          => array( 'site-title', 'site-description' ),
        'unlink-homepage-logo' => true, 
    );
 
    add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'kh_theme_logo' ); 

Yukarıda bulunan kodları ekleme sonrası logo ekleme bölümü Temalar > Özelleştir bölümüne gelecektir. Bu kısımdan sitenize ait logonuzu yükleyebilirsiniz. Logonun varsayılan yükseklik genişliği ise yukarıdaki fonksiyon içerisinden düzenleyebilirsiniz.

Yüklenen logonun tema üzerinde eklenmesi için kısa bir if ile logonun varlığını kontrol ederek eğer logo eklenmiş ise logoyu gösterebiliriz.

if ( function_exists( 'custom_logo' ) ) {
    the_custom_logo();
}

Logo ekleme işlemini daha gelişmiş halde kullanmak ister isek eğer logo yüklenmemiş ise logo muzun yerine site adını yazdırabiliriz.

if ( function_exists( 'custom_logo' ) ) {
         the_custom_logo();
}
$custom_logo_id = get_theme_mod( 'custom_logo' );
$logo = wp_get_attachment_image_src( $custom_logo_id , 'full' );
            
if ( has_custom_logo() ) {
        echo '<img src="' . esc_url( $logo[0] ) . '" alt="' . get_bloginfo( 'name' ) . '" class="logo"> ';
} else {
        echo '<h1>' . get_bloginfo('name') . '</h1>';
}

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol