这里会显示出您选择的修订版和当前版本之间的差别。
后一修订版 | 前一修订版 | ||
zblogphp:development:features:1.7:thumb [2020/08/31 10:51] 黑卡 |
— (当前版本) | ||
---|---|---|---|
行 1: | 行 1: | ||
- | ====== 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标签,以下为使用方式。 | ||
- | <code html> | ||
- | <!-- 缩略图 --> | ||
- | <img src="{$article.Thumb}" alt="" /> | ||
- | <!-- 原图 --> | ||
- | <img src="{$article.FirstImg}" alt="" /> | ||
- | </code> | ||
- | |||
- | 其它资料说明:([[https://wiki.zblogcn.com/doku.php?id=zblogphp:development:theme:template#文章标签_含独立页面|文章标签]]) | ||
- | |||