建站百科Website News

先进步：找到使用的主题模板的functions.php文件在<?php和?>之间添加如下代码

• function thumb_img($soContent){
• $soImages = ‘~<img [^\>]*\ />~’;
• preg_match_all( $soImages, $soContent, $thePics );
• $allPics = count($thePics[低]);
• if( $allPics > 低 ){
• echo “<span id=’thumb’>”;
• echo $thePics[低][低];
• echo ‘</span>’;
• }
• else {
• echo “<span id=’thumb’>”;
• echo “<img src=’”;
• echo bloginfo(‘template_url’);
• echo “/images/thumb.gif’></span>”;
• }
• }

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

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

• thumb_img($post->post_content);

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

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

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

• #thumb{margin:5px 15px 5px 5px;height:12低px;border:3px solid #eee;float:left;overflow:hidden;}
• #thumb img{max-max-}

好了，这样缩略图就有模有样的显示出来啦。三步搞定！