رفتن به مطلب

crop تصویر شاخص در قسمت های مختلف


webmaster

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

سلام خدمت دوستان

من در یک قالب دیدم که مثلا تصاویر شاخص قسمت اخرین مطالبش با سایز مثلا 170 در 170 crop شده و همان مطلب با همان تصویر شاخص در قسمت پربازدیدترین ها با سایز 80 در 80 crop شده. ( دقت کنید ریسایز نشده بلکه برش داده شده ).

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

یعنی مثلا ما یه عکس 300 در 300 داریم که هنگام ارسال مطلب به عنوان تصویر شاخص اپلود می کنیم. حالا میخوایم اون تصویر 300 در 300 ، در یک قسمت از سایز با سایز 200 در 200 برش داده بشه و نمایش بده و در یک قسمت دیگر با سایز 100 در 100 نشون داده بشه.

با تشکر

لینک به ارسال

میتونید از این کد در فایل function.php قالبتون استفاده کنید.


if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 600, 300, true );
add_image_size( 'test-thumb-small', 42, 60, true );
}

و سپس به صورت


<div class="test-item-thumb"><?php the_post_thumbnail('test-thumb-small'); ?></div>

در هرجای که نیاز داشتید فراخوانی کنید. امیدوارم متوجه منظورم به صورت کامل شده باشید :) همچنین عبارت "test-thumb-small" یک مقدار قابل تغییر یعنی خودتون میتونید هر اسمی بهش بدید ولی موقع فراخوانی هم اسمی که در فانکشن تعریف کردید رو داخل پرانتز باید قرار بدید قسمتی هم که نوشتم "set_post_thumbnail_size" سایز پیشفرض کل تصاویر شاخص سایتتون رو تعریف کردم.موفق باشید

لینک به ارسال

ممنون ولی این مورد هم ریسایز می کنه ولی من قصد دارم تصویر crop بشه. چون بعضی تصاویر وقتی ریسایز میشن باعث از دست رفتن کیفیت میشه و بد دیده میشن برای همین قصد دارم تصویر برش داده بشه.

لینک به ارسال

ممنون ولی این مورد هم ریسایز می کنه ولی من قصد دارم تصویر crop بشه. چون بعضی تصاویر وقتی ریسایز میشن باعث از دست رفتن کیفیت میشه و بد دیده میشن برای همین قصد دارم تصویر برش داده بشه.

خوب کد رو به این شکل تغییر بدید ببینید مشکلتون حل میشه این باید crop کنه


add_image_size( 'test-thumb-small', 220, 220, array( 'left', 'top' ) );

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

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

متاسفانه هیچکدومشون کار نکرد. با اینکه test-thumb-small در class کد html فراخوانی میشه ولی اصلا crop نمیکنه !

لینک به ارسال

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

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

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

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

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

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

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

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

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