همانطور که می دانید تصاویر شاخص حجم زیادی را در هاست سایت های وردپرسی اشغال می کنند ، خصوصا زمانیکه بخواهید در چندین جای مختلف قالب سایتتان از تصویر شاخص با چند سایز مختلف استفاده کنید اینکار از نظر فضای هاست برای شما مشکل ساز خواهد شد.
با آموزشی که امروز برای شما دوستان خوبم قرار دادم می تونید بدون نیاز با اشغال فضای هاست و با استفاده از php سایز های مختلفی از تصاویر شاخص را در سایتتان نمایش دهید. اینکار توسط تکنولوژی timthumb انجام خواهد شد.
timthumb یک کد php است که تصویری را به آن می دهید و آنرا در سایز های مختلف برای شما برش داده و به شما نمایش می دهد. به همین راحتی.
ابتدا فایل timthumb را از پایگاه کد های گوگل دریافت کنید. (اینجا کلیک کنید)
فایل را ذخیره کنید. ((جهت اطلاع) با کلید های ترکیبی ctrl+s)
فایل timthumb.php را در پوشه قالب سایتتان آپلود کنید.
سپس کد زیر را در فایل functions.php ذخیره کنید.
1 2 3 4 5 6 |
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; } |
سپس در جایی که می خواهید تصویر شاخص نمایش داده شود کد زیر را قرار دهید.
1 |
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=200&w=200&zc=1" title="<?php the_title(); ?>" /> |
برای تغییر سایز تصویر نمایشی به اندازه دلخواهتان عدد ۲۰۰ جلوی h و w را تغییر دهید. w به معنای width پهنای تصویر را نمایش می دهد و h به معنای height ارتفاع تصویر را تعیین می کند.