رفتن به مطلب

تغییر سایز تصاویر پست


pour moi

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

چطور می تونم تصاویری که در پست درج کردم (نه تصویر شاخص) رو به یه نسبت کوچک کنم

مثلا همه تصاویر به ارتفاع 100px نمایش داده بشوند و بعد قابلیت بزرگ شدن به اندازه اصلی رو داشته باشند

به صورت زیر استایل دادم ولی نسبت عکس بهم می خوره، چون طول و عرض هر عکسی ممکنه تفاوت داشته باشه، عکس ها به صورت کشیده شده نمایش داده می شه


img {
height: 100px;
}

لطفا راهنمایی کنید

لینک به ارسال

شما میتونید محدودیت به استایل تصاویر بدید مثال:


max-height:
max-width:

لینک به ارسال

سلام.بهتون پیشنهاد میدم به تصاویر دذاخل مطالبتون این طوری استایل بدید


.main content img {}

به جای main content اسم کلاس holder عکس رو قرار بدید

لینک به ارسال

شما میتونید محدودیت به استایل تصاویر بدید مثال:


max-height:
max-width:

نمی شه... به صورت زیر عمل می کنم:


.body img {
max-width: 100px;
max-height: 100px;
}

مثلا تصویر اگر 400*600 باشه میشه: 100*100 که نسبت عکس بهم میریزه و اگر عکس مستطیل باشه میشه مربع!

باید طوری باشه که اگر فقط مقدار height رو 100 گذاشتم، مقدار width رو خودش متناسب به مقیاس عکس تنظیم کنه

لینک به ارسال

سلام

شما می‌تونید هنگام وارد کردن تصویر اندازه دلخواه‌تون رو انتخاب کنید

یعنی مثل این کد رو در فانکشن قالبتون اضافه می‌کنید


// add thumbnails
add_theme_support( 'post-thumbnails' );
add_image_size( 'content-thum', 100, 100, true);

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

بعد هم این کد رو اضافه کنید


add_filter( 'image_size_names_choose', 'custom_image_sizes_choose' );
function custom_image_sizes_choose( $sizes ) {
$custom_sizes = array(
'content-thum' => 'Content Thum'
);
return array_merge( $sizes, $custom_sizes );
}

برای نمایش اندازه دلخواه هنگام وارد کردن تصویر

لینک به ارسال

افزونه نمی تونه تصاویر قبلی رو اعمال کنه و البته اگر با افزونه انجام نشه هم بهتره

در html از طریق کد زیر و مشخص کردن فقط مقدار طول یا عرض خیلی راحت این کار انجام میشه، یعنی هنگام نمایش، خودش اون یکی مقدار رو متناسب با ابعاد تصویر نمایش می ده


<img src="sample.jpg" width="100" height="" />

ولی در وردپرس عملا img رو نداریم (فقط موقع بارگذاری پست ایجاد میشه)

عزیزان یعنی راهی نداره؟

لینک به ارسال

کی گفته افزونه نمی‌تونه؟

من خودم بارها از این افزونه استفاده کردم

شما از کجا میگید نمیشه

با طول و عرض دادن هم فقط عکس ری‌سایز میشه

اون کدی که گفتم رو خودم امتحان کردم و هیچ مشکلی نداره

لینک به ارسال

چطور می تونم تصاویری که در پست درج کردم (نه تصویر شاخص) رو به یه نسبت کوچک کنم

مثلا همه تصاویر به ارتفاع 100px نمایش داده بشوند و بعد قابلیت بزرگ شدن به اندازه اصلی رو داشته باشند

به صورت زیر استایل دادم ولی نسبت عکس بهم می خوره، چون طول و عرض هر عکسی ممکنه تفاوت داشته باشه، عکس ها به صورت کشیده شده نمایش داده می شه


img {
height: 100px;
}

لطفا راهنمایی کنید

دوست عزیز بهترین راه:


img {
height:100px
width:auto
}

اینجوری به نسبت تصویر کوچیک میشه اگه مستطیل باشه و مربع به همون نسبت ها کوچیک میشه.

لینک به ارسال

کی گفته افزونه نمی‌تونه؟

من خودم بارها از این افزونه استفاده کردم

شما از کجا میگید نمیشه

با طول و عرض دادن هم فقط عکس ری‌سایز میشه

اون کدی که گفتم رو خودم امتحان کردم و هیچ مشکلی نداره

کدهایی که گذاشتید رو در فانکشن قرار دادم و افزونه رو نصب کردم

در قسمت تنظیمات، افزونه رو اجرا کردم ولی بعد از روند کاری افزونه، تغییرات مشاهده نشد

دوست عزیز بهترین راه:


img {
height:100px
width:auto
}

اینجوری به نسبت تصویر کوچیک میشه اگه مستطیل باشه و مربع به همون نسبت ها کوچیک میشه.

خیلی عالیه... همین نکته رو می خواستم

با تشکر

لینک به ارسال

در قسمت تنظیمات، افزونه رو اجرا کردم ولی بعد از روند کاری افزونه، تغییرات مشاهده نشد

تغییرات یعنی چی؟

کار افزونه ساختن تصاویر بنداگشتی هست به پوشه آپلود هاست‌تون برید و تصاویری رو که با اندازه دلخواه در اون وارد کرده بودید رو اونجا ببینید ...

لینک به ارسال

تغییرات یعنی چی؟

کار افزونه ساختن تصاویر بنداگشتی هست به پوشه آپلود هاست‌تون برید و تصاویری رو که با اندازه دلخواه در اون وارد کرده بودید رو اونجا ببینید ...

مشکل ایشون برطرف شده و فکر میکنم دیگه نیازی نباشد

بهترین کار هم دادن کلاس به همان تصویر میباشد یا تغییر سایز کلاس تصویر که اشکان گفته است

لینک به ارسال
  • 4 ماه بعد...

دوست عزیز بهترین راه:


img {
height:100px
width:auto
}

اینجوری به نسبت تصویر کوچیک میشه اگه مستطیل باشه و مربع به همون نسبت ها کوچیک میشه.

دوست عزیز این کد رو کجا باید وارد کرد تا درست بشه؟

لینک به ارسال

دوست عزیز این کد رو کجا باید وارد کرد تا درست بشه؟

در فایل style.css (آخرین خط)

لینک به ارسال

برای رسپانسیو شدن :


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

برای اینکه بخواهید ارتفاع یکی باشد max-height رو تنظیم کنید

لینک به ارسال

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

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

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

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

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

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

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

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

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