Z-Blog Wiki Z-Blog Wiki

Z-Blog官方文库

用户工具

站点工具


zblogphp:development:features:1.7:thumb

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
前一修订版
后一修订版 两侧同时换到之后的修订记录
zblogphp:development:features:1.7:thumb [2020/08/31 10:51]
zblogphp:development:features:1.7:thumb [2020/10/07 15:41]
捷闪站长网
行 1: 行 1:
 +====== 1.7新增特性:缩略图 ======
 +还在傻傻的用正则获取第一张图,再用一堆方法处理生成缩略图?在这个版本中,你可能要和这些甚至应用中心的缩略图插件 say goodbye 了。
 +
 +系统会在文章发布后自动生成一张缩略图,让开发者在开发图文列表的主题模板时,极大程度的提高了便捷和性能,让图文列表载入更加快速。
 +
 +我们可以试想一下,图文类型的博客目前相当普遍,专门用 Z-Blog 做相册、摄影、旅游记、随手拍……非常的多,而图文列表在主题中使用非常普遍,那么作者上传图片的时候,大部分人会直接上传高清原图,而前端界面所正则出来的都是高清原图,加载速度会非常慢,一张图片可能要1-3M,如果是20篇文章列表呢?这已经不是取决于您本地网络的宽带了,而是网站服务器的宽带,而大多图文列表实际上只需要一张几十KB(根据测试,300*300尺寸的缩略图一般在20KB左右)的缩略图即可,基于这个原因,1.7的版本为此专门添加了一个缩略图功能,您可以像使用文章标签一样来调用它。
 +
 +**提示:**后台默认缩略图尺寸设置为300*300,您可以在后台【网站设置】【全局设置】中配置缩略图的宽高尺寸。
 +
 +===== 主题模板调用 =====
 +主题模板调用缩略图时,使用标签:{$article.Thumb},该图为文章中第一张图片的缩略图。
 +
 +如果您的主题想要调用文章第一张图片的「原图」,而不是缩略图,那么请使用标签:{$article.FirstImg}
 +
 +**注意:** {$article.Thumb} 和 {$article.FirstImg} 标签为图片的路径,而不包含img标签,以下为使用方式。
 +<code html>
 +<!-- 缩略图 -->
 +<img src="​{$article.Thumb}"​ alt=""​ />
 +<!-- 原图 -->
 +<img src="​{$article.FirstImg}"​ alt=""​ />
 +</​code>​
 +
 +其它资料说明:([[https://​wiki.zblogcn.com/​doku.php?​id=zblogphp:​development:​theme:​template#​文章标签_含独立页面|文章标签]])
 +