- تاریخ : 15th ژانویه 2018
- موضوع : اسکریپت , اسکریپت جدید , اسکریپت رایگان , اسکریپت فارسی
- بازدید : 402 نمایش
- نظرات : بدون نظر
رسپانسیو کردن تصاویر وردپرس با RICG Responsive Images
[ad_1]
رسپانسیو کردن تصاویر وردپرس
قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.
سپس برای افزودن تصاویر در اندازه های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.
<?php add_image_size( $name, $width, $height, $crop ); ?> |
این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.
نحوه کار با افزونه RICG Responsive Images
پس از نصب و فعال سازی افزونه، تصاویر وبسایت شما رسپانسیو میشود و زمانی که وارد سایت میشوید مرورگر بهترین تصویر را برای بارگذاری انتخاب میکند.
به همین راحتی!
راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.
[ad_2]
لینک منبع مطلب
به نکات زیر توجه کنید