zblogphp程序之如何调用文章缩略图

最近一段时间老耿在使用zblogphp博客程序版本,不管在后台还是各方面与wordpress还是有相似的地方,使用起来还是非常的方便。不过zblogphp相对wordpress来说各方面的参考内容还是显得有点不足,模板以及插件也是相对较少,不过对于网站速度以及资源占用率还是比wordpress好不少,毕竟是原生态国人产品。今天分享一下如何调用文章图片作为缩略图,这个有些主题没有集成这项功能,需要自己添加。调用缩略图的方法也很简单,我们可以用自定义字段工具手工设置,也可以用自动获取内容中的第一张图片作为缩略图。

如果内容中没有图片,我们可以给一张已经准备好的随机图片作为缩略图,或者固定一张图片都可以。

自动缩略图效果实现步骤

1、通用代码

{php}
$temp=mt_rand(1,5);
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
if(isset($matchContent[1][0]))
$temp=$matchContent[1][0];
else
$temp=$zbp->host."zb_users/theme/$theme/style/images/random/$temp.png";
{/php}

如果没有图片,我们就从在当前主题的/style/images/random/文件夹中调用5个准备好的png图片,名称分别是1.png,2.png,3.png,4.png,5.png……如果需要多个我们可以修改上面的参数。

PS:以上代码放到调用文章列表循环内。

2、调用位置

<img src="{$temp}" />

在调用图片的位置放上上面的调用,我们也可以给上面图片加上样式,比如设定固定的宽度和高度,以及用border-radius加上圆角,以及边框等效果。

用插件方法:

zblogphp调用文章缩略图的插件已经有很多了,大多数都是免费的,为大家推荐几个缩略图调用插件:

IMAGE:https://app.zblogcn.com/?id=1000;

手动裁剪缩略图:https://app.zblogcn.com/?id=565;

sf_img1:https://app.zblogcn.com/?id=511;

FirstIMG:https://app.zblogcn.com/?id=387。

這几个插件都有自己的侧重点,大家可以根据自己的需求选择合适的插件。

还没回应

发表评论

电子邮件地址不会被公开。 必填项已用*标注