Z-Blog Wiki Z-Blog Wiki

Z-Blog官方文库

用户工具

站点工具


zblogphp:development:features:1.7:thumb

1.7新增特性:缩略图

还在傻傻的用正则获取第一张图,再用一堆方法处理生成缩略图?在这个版本中,你可能要和这些甚至应用中心的缩略图插件 say goodbye 了。

系统会在文章发布后自动生成一张缩略图,让开发者在开发图文列表的主题模板时,极大程度的提高了便捷和性能,让图文列表载入更加快速。

我们可以试想一下,图文类型的博客目前相当普遍,专门用zblog做相册、摄影、旅游记、随手拍……非常的多,而图文列表在主题中使用非常普遍,那么作者上传图片的时候,大部分人会直接上传高清原图,而前端界面所正则出来的都是高清原图,加载速度会非常慢,一张图片可能要1-3M,如果是20篇文章列表呢?这已经不是取决于您本地网络的宽带了,而是网站服务器的宽带,而大多图文列表实际上只需要一张几十KB(根据测试,300*300尺寸的缩略图一般在20KB左右)的缩略图即可,基于这个原因,1.7的版本为此专门添加了一个缩略图功能,您可以像使用文章标签一样来调用它。

提示:后台默认缩略图尺寸设置为300*300,您可以在后台【网站设置】【全局设置】中配置缩略图的宽高尺寸。

主题模板调用

主题模板调用缩略图时,使用标签:{$article.Thumb},该图为文章中第一张图片的缩略图。

如果您的主题想要调用文章第一张图片的「原图」,而不是缩略图,那么请使用标签:{$article.FirstImg}

注意: {$article.Thumb} 和 {$article.FirstImg} 标签为图片的路径,而不包含img标签,以下为使用方式。

<!-- 缩略图 -->
<img src="{$article.Thumb}" alt="" />
<!-- 原图 -->
<img src="{$article.FirstImg}" alt="" />

其它资料说明:(文章标签

zblogphp/development/features/1.7/thumb.txt · 最后更改: 2020/08/31 10:51 由 黑卡