WordPress实现缩略图功能

WordPress内置的缩略图功能我不太喜欢。每次上传图片都会生成一个小图。不爽。

这是提供一种比较简单的方法，非常方便。从某些主题里面分离出来的。

缩略图功能

1，timthumb：实现缩略图。

• 最新版下载：http://code.google.com/p/timthumb/ （如存为timthumb.php）。
• 把timthumb.php放到wp主题的目录下（如../wp-content/themes/twentyten/）。
• 再在主题的目录下新建一个目录cache（应该是会自动生成的，有错误的话就自己手动）

里面有：

// external domains that are allowed to be displayed on your website
$allowedSites = array (
'flickr.com',
'picasa.com',
'blogger.com',
'wordpress.com',
'img.youtube.com',
);

这些都是允许抓取的外部链接的图像，自己根据需要加上自己常用的。

2，主题目录下的functions.php

把下面两个函数丢进主题下面的functions.php里面。

function get_image_url($postID,$thumborno){

$iNum='';

// Get the post ID

$iPostID = $postID;

 $files =& get_children("post_parent=$iPostID&post_type=attachment&post_mime_type=image");

 if($files){

  $keys = array_keys($files);

  $iNum=$keys[0]; 

 }

if( $thumborno == 1 ) 

{

   $sImageUrlSet = wp_get_attachment_thumb_url($iNum);

 }

 elseif( $thumborno == 2 ) 

{

 $sImageUrlSet =wp_get_attachment_medium_url($iNum);

 }

 else

 {

 $sImageUrlSet = wp_get_attachment_url($iNum);

}

/* 这里开始调用c12pulltheimgurl函数，抓取外部图片。 不需要调用外部图片的，可注释掉*/
  if( empty($sImageUrlSet) )   {

 $thepostimages = c12pulltheimgurl($iPostID);  

 foreach($thepostimages as $thepostimage)

 {

 $sImageUrlSet=$thepostimages[0];

 }
 }
 /* 调用外部图片这里结束 */


if( !empty($sImageUrlSet) )  {   
$sImageUrl = $sImageUrlSet;   
if($AntisnewsOptions[$themeoptionsprefix.'_precleanthumburl'] == "on"){
$sImageUrl=prepsimageurl($sImageUrl);
}   
}   else   {
$sImageUrl='http://liucheng.name/wp-content/themes/premiumnews/images/no-img-thumb.jpg'; //都没有图片时，指定一个默认的图片   
}
return $sImageUrl;
}


function c12pulltheimgurl($thepostid)  {
$theimgstring=get_the_content($thepostid);
$c12tcmts = '/<img (?:.*?)src=(?:"|\'){1}(.*?)(?:"|\'){1}/is';
$theimgmtchesarr = array();
$procmatchs = preg_match_all($c12tcmts,$theimgstring,$theimgmtchesarr);
if( $procmatchs!==false && isset($theimgmtchesarr[1]) )  {
return $theimgmtchesarr[1];
}  else  {
return false;
}
}

3, 在需要显示缩略图的地方用下面的代码调用：

<?php $thecimage = get_image_for_crop($post->ID,$thumborno=1);?>

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo bloginfo('template_url'); ?>/timthumb.php?src=<?php echo $thecimage; ?>&w=100&h=57&zc=1&q=95" alt="<?php the_title(); ?>" /></a>

解释一下上面的&w=100&h=57&zc=1&q=95。 w是宽，h是高，zc可选0（不按原图的比例缩放）和1（按原图的比例），q是生成缩略图的质量，100最大。

其它的css 样式就自己搞定了。。

效果看本站。。 一直都在用的。。

~完