wordpress 缩略图代码-WordPress简单三步自动显示缩略图(无插件)【wordpress缩略图】

115资源网 2 分钟前 WordPress教程浏览：1 0

喜欢鼓捣修改WordPress主题的朋友一定遇到过这样的问题。他们希望在主页文章中显示缩略图。有插件可以实现这一点，但操作和控制不方便。毕竟代码是别人写的。今天我就和大家分享一下。如何不用插件、纯代码实现首页文章缩略图？方法非常简单。即使您不懂代码，也可以按照以下步骤操作。当然，选择的缩略图是文章中的第一张图片。如果文章不包含图片，则会显示默认图片，所以需要在顶部固定一个默认图片位置。

让我们进入正题，开始添加主页缩略图，这可以通过 3 个简单的步骤来实现：

第一步：找到所使用的主题模板的functions.php文件wordpress 缩略图代码，在其间添加以下代码

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 bloginfo('template_url');
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 缩略图代码，现在缩略图已经正常显示了！分三步完成！

脚本主页

站长之家

相关文章