
اضافه کردن 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
126
نوشته مرتبط
- شخصیسازی و تغییر استایل بخش نظرات وردپرس 111
- اضافه کردن Lazy Loading به تصاویر وردپرس / قسمت پایانی 126
- ایجاد و نمایش نمونه کارها با استفاده از کتابخانه mixitupJS در وردپرس 388
- ایجاد جعبه دانلود و پخش موزیک با متاباکس در وردپرس 706
- فعال سازی نظرات پست سفارشی (PostType) در وردپرس 702
- افزودن دکمه پسندیدن نوشته ها در وردپرس 232
- چگونه اسلایدر اختصاصی در وردپرس ایجاد کنیم؟ 259
- نمایش تعداد بازدید نوشته در وردپرس 213
- غیر فعال کردن ابزار چک سلامت سایت در وردپرس 244