دیجی اسکریپت

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images | دیجی اسکریپت

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images
[ad_1]

رسپانسیو کردن تصاویر وردپرس

قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.

 

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images

 

سپس برای افزودن تصاویر در اندازه­ های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.

<?php add_image_size( $name, $width, $height, $crop ); ?>

این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.

 

نحوه کار با افزونه RICG Responsive Images

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

به همین راحتی!

نوشته رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ارسال دیدگاه جدید

به نکات زیر توجه کنید

  • نظرات شما پس از بررسی و تایید نمایش داده می شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.