Wordpress temaya logo ekleme

Sezai AlkanFrontend Developer

Wordpress #wp #functions

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>';
}