رسپانسیو کردن تصاویر وردپرس
قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.
سپس برای افزودن تصاویر در اندازه های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.
<?php add_image_size( $name, $width, $height, $crop ); ?>
این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.
نحوه کار با افزونه RICG Responsive Images
پس از نصب و فعال سازی افزونه، تصاویر وبسایت شما رسپانسیو میشود و زمانی که وارد سایت میشوید مرورگر بهترین تصویر را برای بارگذاری انتخاب میکند.
به همین راحتی!
- دانلود حجم 32 کیلوبایت
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
![استفاده از ویدئوی شاخص به جای تصویر شاخص [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=85&h=85&src=https://www.20script.ir/wp-content/uploads/featured-video-plus.jpg)
![دانلود نرم افزار ربات کامنت گذار در سایت ها [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=85&h=85&src=https://www.20script.ir/wp-content/uploads/comment-scraper.jpg)
![استفاده از ویدئوی شاخص به جای تصویر شاخص [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=245&h=240&src=https://www.20script.ir/wp-content/uploads/featured-video-plus.jpg)
![دانلود نرم افزار ربات کامنت گذار در سایت ها [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=245&h=240&src=https://www.20script.ir/wp-content/uploads/comment-scraper.jpg)
