اضافه کردن ویژگی loading=lazy به تصاویر خاص در وردپرس
اگر میخواهید ویژگی loading=lazy را برای برخی از تصاویر سایت خود اضافه کنید و این کار را با استفاده از آدرس فایل تصویر انجام دهید، این مطلب میتواند برای شما مفید باشد.
اضافه کردن ویژگی loading=lazy به تصاویر خاص در وردپرس
برای اینکار قطعه کد زیر را درون فایل funcations.php قالب فعال فعلی وردپرس خود قرار دهید:
function add_lazy_loading_to_specific_images($content) { $image_urls = [ 'https://camelcase.ir/wp-content/uploads/image1.png', 'https://camelcase.ir/wp-content/uploads/image2.png', 'https://camelcase.ir/wp-content/uploads/image3.png', 'https://camelcase.ir/wp-content/uploads/image4.png', 'https://camelcase.ir/wp-content/uploads/image5.png' ]; foreach ($image_urls as $image_url) { $content = preg_replace( '/<img(.*?)src=["\'](' . preg_quote($image_url, '/') . ')["\'](.*?)>/i', '<img$1src="$2"$3 loading="lazy">', $content ); } return $content; } function enable_lazy_loading_for_images() { ob_start(function($buffer) { return add_lazy_loading_to_specific_images($buffer); }); } add_action('wp_loaded', 'enable_lazy_loading_for_images'); add_filter('the_content', 'add_lazy_loading_to_specific_images'); add_filter('widget_text', 'add_lazy_loading_to_specific_images'); add_filter('widget_text_content', 'add_lazy_loading_to_specific_images');
اگر نیاز به آموزشهای بیشتری در ارتباط با وردپرس دارید در بخش نظرات این نوشته همراه ما باشید.
برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]
ارسال پاسخ