رفتن به مطلب

افزونه ی فیت کردن تصاویر با اندازه ی قالب


پست های پیشنهاد شده

سلام

یه افزونه ای میخوام که اندازه تصاویری که بزرگ تر از قالب هستند کوچک کنه اما امکان مشاهده ی اون تصویر در سایز اصلی هم برای کاربر وجود داشته باشه

لینک به ارسال

سلام و درود

 

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

مثال میزنم:

if (function_exists('add_image_size')) {
add_image_size('post', '450', '9999', false);
}

خوب در بالا ما یه سایز جدید برای تصاویر شاخص به اسم post تعریف کردیم که عرض ثابت 450 و طول 9999 (یعنی اتوماتیک داره). حالا میام این سایز رو به بخش ادیتور وردپرس اضافه میکنیم.

add_filter('image_size_names_choose', 'my_image_sizes');
function my_image_sizes($sizes) {
$addsizes = array(
"post" => __( "تصویر داخل مطالب")
);
$newsizes = array_merge($sizes, $addsizes);
return $newsizes;
}

خوب الان تصویر شاخص با نام post رو به نام "تصویر داخل مطالب" به ادیتور وردپرس اضافه کردیم و اکنون از داخل ادیتور میشه این سایز رو درون نوشته گذاشت.

پ.ن : تمامی کدهایی رو که قرار دادم باید به ترتیب در داخل فایل functions.php قالبتون قرار بدید.

 

موفق باشید

لینک به ارسال

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

لینک به ارسال

سلام.

برای اینکه تصاویر بزرگ تر از قالب رو کوچیک کنید، این کد رو بذارید توی فایل style.css:

img{
    max-width: 100%;
    height: auto;
}

برای این هم که قابلیت مشاهده در اندازه اصلی وجود داشته باشه روش های مختلفی وجود داره. مثلا میخواید توی پاپ آپ بازشه؟ همونجا تو اندازه اصلی نمایش داده بشه یا...؟

لینک به ارسال

بله امکانش هست توی پاپ آپ باز بشه؟ یا اینکه توی یک نیوتب باز بشه؟ یا اینکه توی همون صفحه به اندازه ی اصلی تبدیل بشه؟

لینک به ارسال
در 10 ساعت قبل، Fast-Learn گفته است :

همه ی اینایی که گفتید امکانش هست

ولی توی نیو تب باز بشه از همه راحت تره :D

لینک کردن کار خسته کننده ایه :(

از اون گذشته با نیوتب موافق نیستم

ویرایش شده توسط yavar99
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...