قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.
سپس برای افزودن تصاویر در اندازه های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.
این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض fake است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.
پس از نصب و فعال سازی افزونه، تصاویر وبسایت شما رسپانسیو میشود و زمانی که وارد سایت میشوید مرورگر بهترین تصویر را برای بارگذاری انتخاب میکند.
امیدواریم آموزش ریسپانسیو کردن تصاویر در وردپرس مورد توجه شما قرار گرفته باشد.
