wordpress主题缩略图支持外链图片代码教程

2015-01-08 13:11 阅读 527 次 评论关闭

wordpress教程的特点:无需wordpress插件代码简单,易懂,可对wordpress主题二次开发,更重要的是不占用主机空间,不消耗图片流量!

在百度上搜索wordpress主题缩略图支持外链图片代码教程,发现很多不合格的教程文章,主要是不好操作,没法使用。用wordpress插件——wp-thumbnails插件的话,可以解决图片外链的问题,但最大的缺点是把外链图片缓存到本地空间,看似解决了wordpress主题缩略图支持外链图片的功能,实际上还会占用主机空间,消耗图片流量!跟各草根站长带来诸多的不便,消耗更多的资源,尤其是金钱,要知道,作为图片站,作为大站是很容易消耗主机内存和流量的。

下面具体说下如何实现wordpress主题缩略图支持外链图片:

首先在需要显示外链缩略图的PHP文件上添加如下代码。

<img   alt="<?php the_title_attribute(); ?>"

class="qq"

src="<?php echo hot_thumbnail_image() ?>"

/>

或者修改原wordpress主题中的img标签即可,如index.php出现缩略图的<img/>标签。

然后在function.php文件上添加 hot_thumbnail_image() 函数,用来调用文章出现的外链图片。

function hot_thumbnail_image() {

global $post;

$first_img = '';

if (has_post_thumbnail($post->ID)) {

$first_img = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'b');

$first_img = $first_img[0];

}else{

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)){

$first_img = get_bloginfo('template_directory').'/img/big.gif';

}

}

return $first_img;

}

其中$first_img = get_bloginfo('template_directory').'/img/big.gif';是在没有缩略图时调用的图片文件,具体路径是你的wordpress主题里的/img/big.gif图片文件。如果想实现文章没有图片时调用的是随机图片的话,可以使用如下代码实现:

if(empty($first_img)){

$random = mt_rand(1, 20);

$first_img = get_bloginfo('template_url'). '/images/random/tb'.$random.'.jpg';

}

其中调用的随机图片是你的wordpress主题里的/images/random/tb1.jpg或tb2.jpg一直到tb20.jpg。也就是说在你的wordpress主题里添加/images/random/文件夹,然后添加你想要显示的随机图片即可!

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:wordpress主题缩略图支持外链图片代码教程 | 猎微网

评论已关闭!