اضافه کردن Lazy Loading به تصاویر وردپرس / قسمت پایانی

در قسمت ۱ نحوه اضافه کردن بارگزاری تنبل با جی کوئری نوشتیم و حالا می خواهیم بدون افزونه با تابع ویژگی بارگذاری تنبل به تصاویر وردپرس اضافه کنیم.

کافیه کد زیر به فایل functions.php وارد کنید.

add_filter( 'the_content', 'roka_lazy_load_images' );
function roka_lazy_load_images( $content ) {

    if ( is_singular() && in_the_loop() && is_main_query() ) {
        $content = preg_replace_callback( '/<img[^>]+>/', function( $matches ) {

            if( false === strpos( $matches[ 0 ], 'loading=' ) ) {
                $matches[ 0 ] = str_replace( '<img', '<img loading="lazy"', $matches[ 0 ] );
            }

            return $matches[ 0 ];

        }, $content );
    }

    return $content;
}

پایان

22/06/27 85 بازدید 0 27

, , , ,
شخصی‌سازی و تغییر استایل بخش نظرات وردپرس
12 بازدید 0
اضافه کردن Lazy Loading به تصاویر با jQuery / قسمت ۱
83 بازدید 0
فعال سازی نظرات پست سفارشی (PostType) در وردپرس
572 بازدید 0
افزودن دکمه پسندیدن نوشته ها در وردپرس
197 بازدید 0

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *