Wordpress 无插件实现自动显示缩略图

Wordpress 无插件实现自动显示缩略图

第一步:找到使用的主题模板的functions.php文件在之间添加如下代码

function thumb_img($soContent){
$soImages = '~]*\ />~';
preg_match_all( $soImages, $soContent, $thePics );
$allPics = count($thePics[0]);
if( $allPics > 0 ){
echo "";
echo $thePics[0][0];
echo '
';
}
else {
echo "";
echo " echo "/images/thumb.gif'>
";
}
}

这是一个显示缩略图的方法,自动检索文章的第一张图片,如果没有显示当前主题/images/thumb.gif 所以你要把这个thumb.gif图片准备好。

第二步:找到index.php文件即首页文件,找到the_content();或相似的代码在它之前添加如下代码:

thumb_img($post->post_content);

这样就调用了刚才的方法,实际上缩略图已经完成了。但是你看到的效果一定很意外,应为图片的大小没有控制,会很难看。好了,第三步

第三步:添加缩略图样式CSS代码:

这是浮云站使用的的缩略图样式,你可以先凑合着用,再另行修改

#thumb{margin:5px 15px 5px 5px;width:145px;height:120px;border:3px solid #eee;float:left;overflow:hidden;}
#thumb img{max-height:186px;max-width:186px}

你可能感兴趣的:(Wordpress)