北极寒流 » 网络资源 » wordpress缩略图免插件实现方法-支持wordpress缩略图外链功能 - 2012.08.08

wordpress缩略图免插件实现方法-支持wordpress缩略图外链功能

支持wordpress缩略图外链功能的非插件版wordpress缩略图实现方法分享。作为一个博客,如果网站只是光秃秃的文字,看久了难免自己都会感觉苍白无力,所以个人觉得为WordPress的日志正文搭配相关的插图、网站首页搭配日志缩略图就变得十分必要。直奔主题,还是先上代码吧。

wordpress缩略图实现代码

<div><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" >
<?php if ( get_post_meta($post->ID, 'image', true) ) : ?>
<?php $image = get_post_meta($post->ID, 'image', true); ?>
<img width="225px" height="136px" src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/>
<?php elseif( has_post_thumbnail() ): ?>
<?php the_post_thumbnail(array( 225, 136 ), array('alt' => '<?php the_title(); ?>','title'=>trim(strip_tags( $attachment->post_title )) ));?>
<?php elseif(catch_that_image()) : ?>
<img src="<?php echo catch_that_image()?>" width="225″ height="136″ alt="<?php the_title(); ?>"/>
<?php else : ?>
<img src="<?php bloginfo('template_url'); ?>/images/random/<?php echo rand(1,16)?>.jpg" width="225″ height="136″ alt="<?php the_title(); ?>" />
<?php endif;?></a>
</div>

上述代码中,设定的自定义字段的名字是image,如果你希望通过外链图片作为缩略图,请在编辑文章的时候添加一个名字为image的自定义字段,字段值为外链图片的链接即可。另外需要提请注意的是,本文设置的缩略图大小为(225,136),你可以通过修改代码中的相应数字任意调整缩略图大小,以便更好的适应你的主题布局。

当然,单纯靠上面代码的话,在你的网站上也许不可行,我们还有几件事情需要做;

第一件事情是确保当前所用WordPress主题支持特色图像功能,查看一下你主题的function.php文件中是否有add_theme_support('post-thumbnails')这一语句,没有的话请添加上;

第二件事情是为了实现抓取正文中第一张图片做缩略图的功能,需要在当前主题的function文件中添加如下函数:

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 ="0″;
}
return $first_img;
};

第三件事是在当前主题文件夹的images文件夹中新建一个名为random的文件夹,在里面放上若干jpg格式的图片即可,根据图片的数目相应修改rand函数后面的数字即可。

资料来源:http://luohengan.com/2858.html

评论关闭