اضافه کردن ویژگی width و height تصاویر بدون اندازه در وردپرس

اضافه کردن ویژگی width و height تصاویر بدون اندازه در وردپرس
اضافه کردن ویژگی width و height تصاویر بدون اندازه در وردپرس

اضافه کردن ویژگی width و height تصاویر بدون اندازه در وردپرس

در این نوشته به شما یک روش بدون نصب افزونه یاد می‌دهیم تا تصاویری که طول و عرض آن‌ها یا width و height آن‌ها در تگ img موجود نیست را به صورت خودکار در کل سایت خود اضافه کنید.

 

اضافه کردن ویژگی width و height تصاویر بدون اندازه در وردپرس

برای اینکار قطعه کد زیر را درون فایل funcations.php قالب فعال فعلی وردپرس خود قرار دهید:

function add_missing_image_dimensions($content) {
    if (is_admin()) {
        return $content;
    }
    
    $content = preg_replace_callback('/<img(.*?)src=["\'](.*?)["\'](.*?)>/i', function ($matches) {
        $img_tag = $matches[0];
        $img_attrs = $matches[1] . $matches[3];
        $img_src = $matches[2];
        
        if (strpos($img_attrs, 'width=') === false || strpos($img_attrs, 'height=') === false) {
            $image_info = @getimagesize($img_src);
            
            if ($image_info) {
                $width = $image_info[0];
                $height = $image_info[1];
                
                if (strpos($img_attrs, 'width=') === false) {
                    $img_tag = str_replace('<img', '<img width="' . $width . '"', $img_tag);
                }
                if (strpos($img_attrs, 'height=') === false) {
                    $img_tag = str_replace('<img', '<img height="' . $height . '"', $img_tag);
                }
            }
        }
        
        return $img_tag;
    }, $content);
    
    return $content;
}

add_filter('the_content', 'add_missing_image_dimensions', 20);
add_filter('widget_text', 'add_missing_image_dimensions', 20);
add_filter('wp_get_attachment_image', 'add_missing_image_dimensions', 20);
add_filter('widget_text_content', 'add_missing_image_dimensions', 20);

 

اگر نیاز به آموزش‌های بیشتری در ارتباط با وردپرس دارید در بخش نظرات این نوشته همراه ما باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]