رفتن به مطلب

اندازه تصویر شاخص (اولین تصویر پست)


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

سلام

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

این کدی که در functions استفاده میشه

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = "/images/thumb.jpg";
}
return $first_img;
}

این کد هم که فراخوانی میکنه

<img src="<?php echo catch_that_image('medium') ?>" width="200px" height="200px">

به صورت دستی داخل خود img و یا گذاشتن medium و .. در تابع تصویرو کوچیک میکنم اما حجم عکس تغییر نمیکنه که فایده ای نداره

من میخوام کلا عکسو کوچیک کنه

مثلا اندازه عکس من 800*800 هست ، توی تصویر شاخصم به 300*300 تبدیل شه یعنی هم حجم و هم اندازه عکس کوچیک شه

پیشاپیش ممنون از راهنماییتون

لینک به ارسال

درود.این کد برای تصویر شاخص نیست.تنها اولین عکس مطلب رو می گیره و نشون می ده و قاعدتا تغییری در اندازه عکس هم نمی ده.باید از این کد در اسکریپت های رسایزر مثل timthumb یا aq_resizer یا Bfi_thumb استفاده کنید و بتونید عکس رو در اندازه های مختلف ریسایز کنید.

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


http://forum.wp-parsi.com/tutorials/article/150-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%B4%D8%A7%D8%AE%D8%B5-%D8%AF%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3-%DB%8C%DA%A9%D8%A8%D8%A7%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%87%D9%85%DB%8C%D8%B4%D9%87/

لینک به ارسال

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

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

برای نمایش این مورد می تونید این کد رو توی لوپ مطالبتون بذارید.


<?php
$attachments = get_children(array(
'post_parent' => get_the_ID(),
'post_type' => 'attachment',
'post_mime_type' => 'image',
'orderby' => 'menu_order'));
if ( ! is_array($attachments) ) continue;
$count = count($attachments);
$first_attachment = array_shift($attachments);
echo wp_get_attachment_image($first_attachment->ID, 'medium' , true);
?>

اندازه هم medium گرفتم.تست کنید نتیجه رو بگید.

لینک به ارسال

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


echo wp_get_attachment_image($first_attachment->ID, array(50,50));

لینک به ارسال

یک نکته در مورد آموزش بالا بود :


<img class="thumbnail" src="<?php echo catch_that_image() ?>" alt="بدون عکس" width="200px" height="200px"/>

200px ها تغییر میدادید دیگه نیاز نداشت

لینک به ارسال

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


echo wp_get_attachment_image($first_attachment->ID, array(50,50));

سپاس فراوان افشین جان

یک نکته در مورد آموزش بالا بود :


<img class="thumbnail" src="<?php echo catch_that_image() ?>" alt="بدون عکس" width="200px" height="200px"/>

200px ها تغییر میدادید دیگه نیاز نداشت

بله درسته

ممنون

لینک به ارسال

یک نکته در مورد آموزش بالا بود :


<img class="thumbnail" src="<?php echo catch_that_image() ?>" alt="بدون عکس" width="200px" height="200px"/>

200px ها تغییر میدادید دیگه نیاز نداشت

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

لینک به ارسال

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

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

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

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

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

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

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

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

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