Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Wordpress temaya logo ekleme

Sezai AlkanFrontend 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>';
}
Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com