
اضافه کردن 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; }
پایان
وردپرس (Wordpress) ژوئن / 27 / 2022
203
نوشته مرتبط
- کد تغییر ساختار آدرس دسته بندی های وردپرس 21
- غیر فعال سازی گوتنبرگ برای ابزارک ها 86
- رفع خطای به روز رسانی نشدن وردپرس 128
- کد تغییر گراوتار در وردپرس 148
- شخصیسازی و تغییر استایل بخش نظرات وردپرس 212
- اضافه کردن Lazy Loading به تصاویر وردپرس / قسمت پایانی 203
- ایجاد و نمایش نمونه کارها با استفاده از کتابخانه mixitupJS در وردپرس 436
- ایجاد جعبه دانلود و پخش موزیک با متاباکس در وردپرس 792
- فعال سازی نظرات پست سفارشی (PostType) در وردپرس 791
- افزودن دکمه پسندیدن نوشته ها در وردپرس 284