احتمالا شما هم براتون این مشکل پیش اومده که در Gtmetrix بهتون خطا نشون میده که اندازه عکس ها بزرگتر از قابی که نمایش داده میشه. دستی درست کردن عکس ها زمان بر هست یه روش ساده استفاده از کراپ وردپرس هست و برای اینکه بتونید اندازه عکس ها رو تغییر بدید یک ترفند ساده برای انجام این کار وجود داره و اون هم اضافه کردن اندازه مختلف عکس به فایل Functions.php قالبتون هست.

 

اضافه کردن اندازه مختلف تصویر در وردپرس

 

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

add_image_size( 'sidebar-thumb', 120, 120, true ); // Hard Crop Mode
add_image_size( 'homepage-thumb', 220, 180 ); // Soft Crop Mode
add_image_size( 'singlepost-thumb', 590, 9999 ); // Unlimited Height Mode

با استفاده از این تابع به سادگی شما می تونید تصاویری که آپلود می کنید رو در اندازه های مختلف در وردپرس داشته باشید.

توضیح تابع add_image_size

در بخش اول یک نام برای نحوه کراپ در نظر می گیریم که باید یکتا باشه. بعد اندازه عرض و طول تصویر رو مشخص می‌کنیم. اگه از True استفاده کنیم تصویر تا حد ممکن کراپ میشه که بهش hard crop می گن.

خب! حالا اگه دارین قالبی رو طراحی می کنید کافی هر جای طراحی نیاز داشته باشید با کد زیر تصویر رو فراخوانی کنید.

<?php the_post_thumbnail( 'homepage-thumb' ); ?>