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

در روشی که امروز قصد آموزشش رو داریم شما هیچ نیازی به آپلود عکس در سایزهای مختلف ندارید و تنها با استفاده از یک عکس اصلی که در پست خود آپلود میکنید میتوانید تصاویری در هر سایزی که دوست داشتید تولید کنید؛

 

مزایای این روش :

– صرفه جویی در فضای وب

– امکان تعریف Class ، Title ، Alt و  دیگر مشخصه ها به تگ <img>

 

آموزش استفاده از timthumb.php برای ساخت تصاویر در سایزهای مختلف:

– ابتدا فایل timthumb.php را دانلود نمائید.

– فایل دانلود شده را در کامپیوتر خود اکستراکت کرده و توسط برنامه NotePad++ اقدام به باز کردن آن کنید.

– در خط 127 به جای عبارت Simanet.co اسم دامنه خود را بنویسید و ذخیره نمائید

– فایل ویرایش شده را به پوشه قالب خود آپلود نمائید.

– فایل functions.php قالب خود را باز کنید و کد زیر را در آن قرار داده و ذخیره نمائید.

<?php // to work timthumb.php :
function get_image_url(){
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id,’full’);
$image_url = $image_url[0];
echo $image_url;
}
?>

– اکنون توسط کد زیر می توانید تصاویر خود را درسایز های دلخواه ایجاد نمائید.

 <img src=”<?php bloginfo(‘template_url’); ?>/timthumb.php?src=<?php get_image_url(); ?>&amp;h=80&amp;w=80&amp;zc=1” title=”<?php the_title(); ?>” alt=”<?php the_title(); ?>” width=”80” height=”80“/>

نکته 1 : کد بالا را باید مابین عبارت زیر قرار دهید (در داخل حلقه)

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

// <img src …

<?php endwhile; ?>
<?php endif; ?>

نکته 2 : برای تغییر سایز عکس تنها کافی است مقادیر قرمز رنگ را به سایز دلخواه خود تغییر دهید.

نکته 3 : در کد بالا از zc برای بریدن و تغییر سایز عکس می توان استفاده کرد. همان طور که در بالا قسمت سبز رنگ مشاهده میکنید zc برابر 1 می باشد که این نشان دهنده این است که عکس به صورت خودکار به بهترین ابعاد، بریده و تغییر سایز داده شده است.

مثال های بیشتر:

zoom-crop



اشتراک در شبکه هاي اجتماعي :

مطالب مرتبط با اين نوشته Related to this post