رفتن به مطلب
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
}

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

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

با تشکر

به اشتراک گذاری این ارسال


لینک به ارسال

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال

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


img {
height:100px
width:auto
}

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

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

به اشتراک گذاری این ارسال


لینک به ارسال

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

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

به اشتراک گذاری این ارسال


لینک به ارسال

من خط آخر وارد کردم اما عکس هام هیچ تغییری نکرد چیکار کنم؟ :(

به اشتراک گذاری این ارسال


لینک به ارسال

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


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

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

به اشتراک گذاری این ارسال


لینک به ارسال

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

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

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

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

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

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

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

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


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