Wordpress Yüklenen Site Logosunun Yükseklik ve Genişlik Değerini HTML'e Nasıl Yazdırabilirim?

"Özelleştir > Header > Logo" kısmında seçili logonun genişlik ve yükseklik değerlerini <img içerisine width="***" height="***" olarak nasıl yazdırabilirim? Bu mümkün mü?

Logonun PHP kodları:

<img src="<?php echo esc_url( get_theme_mod( 'dmtheme_logo' ) ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">

Logonun panel kodları:

    $wp_customize->add_setting( 'dmtheme_logo',
        array(
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
        ));
    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'dmtheme_logo', 
        array(
            'label'    => __('Logo','laura'),
            'section'  => 'io_header_settings',
            'settings' => 'dmtheme_logo',
            'description' => __('Upload a logo to replace the default site name and description in the header.','laura'),
        )));

Bakalım anydesk var ise

PM'den gönderdim hocam 🙏

width ve height değeri için iki yeni ayar oluşturup daha sonra "Logonun PHP kodları" şeklinde dediğiniz yere echo ile çekebilirsiniz.

Panelden değer girilebilecek genişlik ve yükseklik ayarından mı bahsediyorsunuz hocam?

Aynen hocam. Alttaki sayfayı inceleyin.
https://developer.wordpress.org/refe...r/add_control/

Yapmaya çalıştım ancak şurada takıldım: Değer girmek için BURADAKİ gibi alanları ekledim, görünecek yere de değeri çektim ancak gerisini getiremedim. Kutularda bir değer olduğunda width="****" şeklinde önüne width=" sonuna " gelmesi gerekiyor. Bunu nasıl yapabilirim?

Ayar kodları:

    $wp_customize->add_setting( 'dmtheme_logo_width',);
    $wp_customize->add_control('dmtheme_logo_width',
        array(
            'type' => 'text',
            'label' =>  __('Logo Width (px)','laura'),
            'section' => 'io_header_settings',
        ));

Yazılacak alan kodları:

<?php echo esc_url( get_theme_mod( 'dmtheme_logo_width' ) ); ?>

CSS ile yapsan olmuyor mu? Neden içine width="***" height="***" eklemek istiyorsun?

<img src="<?php echo esc_url( get_theme_mod( 'dmtheme_logo' ) ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" class="logotest">

.logotest {
width: XXpx;
height: XXpx  ;
}

CSS ile yapmak Pagespped optimizasyonu için uygun değil hocam. Her <img içerisinde bir width ve height olması zorunlu, olmadığında uyarıyor ve bu durum sayfada CLS oluşturuyor. CSS yüklenmeden önce HTMl'de o alanın boyutlarının çizilmesi gerekiyor ki sayfada yüklenirken kayma olmasın. İlgili döküman: https://web.dev/optimize-cls/#images-without-dimensions