رفتن به مطلب

ReSize کردن عکس شاخص در قسمت های دیگر قالب


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

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


<img src="<?php echo get_image() ?>" alt="<?php the_title_attribute(); ?>" width="240px" height="176px"> <br />
<a rel="external" href="<?php the_permalink()?>"><?php the_title(); ?></a>

سایز اصلی عکس ها 430 * 315 هست حالا تو GTmetrix این خطا رو بهم میده


http:...ave-player.jpg is resized in HTML or CSS from 430x315 to 240x176. Serving a scaled image could save 8.3KiB (68% reduction).

فکر کنم در وردپرس راهی باشه که بشه کد رو تو این قسمت عوض کرد و سایزش اتوماتیک کم بشه حالا نمیدونم با این کار حجم عکس هم کم میشه یا نه

ممنون میشم راهنمایی کنید و کد صحیح رو بهم بدید

لینک به ارسال

شما تصاویر برگشتی نمایش میدهید ؟منظورم همون اولین تصویر به عنوان تصویر شاخص ؟

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


<img src="<?php echo get_image() ?>" alt="<?php the_title_attribute(); ?>" class="Black" > <br /><a rel="external" href="<?php the_permalink()?>"><?php the_title(); ?></a><style>.Black{width:240px;height:176px;}</style>

اگر خیر که میتوانید به صورت زیر تعیین کنید :


<?php the_post_thumbnail( array(120,100) );?>

لینک به ارسال

هر دوتا کد رو گذاشتم دومی که اصلا عکسی نشون نداد اولی هم عکس رو نشون داد اما همون مشکل پا بر جا بود

ضمنا من هر این کد ها رو هم به functions.php اضافه کردم


<?php
if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}
if (function_exists('add_image_size')){
add_image_size( 'first-thumb', 240, 176, true);
add_image_size( 'secound-thumb', 400, 300, true);
add_image_size( 'third-thumb', 125, 125, true);
}
?>
<?php
function get_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/default.jpg";
}
return $first_img;
}
?>

و در single.php هم کد رو بصورت زیر قرار دادم


<div class="fstory">
<div class="post-context">
<?php the_content(''); ?></div><br>

لینک به ارسال

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

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

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

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

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

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

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

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

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