上周有个开建材店的粉丝找我,说他自己用DedeCMS搭的官网,产品缩略图要么糊得看不清瓷砖纹理,要么没传图的地方全是红叉,找外包改要收他200块,觉得太坑。
其实这些问题都是缩略图标签没用对,我当时花了10分钟帮他改了两行代码就搞定了。
很多用DedeCMS做站的新手,都踩过缩略图的坑:要么拉伸变形,要么模糊不清,要么搜出来的教程都是七八年前的老内容,全是黑话看不懂。今天这篇全是大白话,你跟着操作,10分钟就能搞定所有缩略图问题,一分钱不用花。
你要调用单篇文章的缩略图,直接用这个标签就行:
``` {dede:field.litpic /} ```这个调用的是你后台上传的原图,适合提前裁剪好尺寸的场景。
比如你做文章详情页的首图,就可以直接用这个标签。
要是你不想每次后台手动裁剪,直接在标签里加宽高参数就行:
``` {dede:field.litpic width='300' height='200' /} ```出来的图就是300200的尺寸,不用你额外改图。
避坑提醒:宽高参数后面不要加px,加了会直接失效,很多新手都踩过这个坑。
很多人没给文章传缩略图的时候,前台会显示红叉,特别丑。
用这个写法就能自动补默认占位图:
``` {dede:list pagesize='10'}[field:title/]
默认图你可以自己提前上传,路径在后台系统设置里改。
比如你可以做个带自家logo的灰色占位图,比红叉好看太多。
要是你上传的图尺寸不统一,直接设宽高会把图拉变形。
用这个自带的裁剪函数,就能自动等比例裁剪:
``` [field:litpic function='GetSysThumb(@me,300,200)'/] ```比如你上传的是1000800的产品图,会自动裁成300200的尺寸,不会把方图拉成长条。
避坑提醒:用之前先确认开了GD库,路径是系统设置>核心设置>GD库支持,选“是”就行,没开的话裁剪会失效。
很多人调出来的缩略图糊成马赛克,其实是默认压缩率太低。
你找根目录下的include/image.func.php文件,搜这行代码:
``` $quality = 80; ```把80改成90或者95就行,不要改到100,不然图片太大加载慢。
改完之后重新生成全站,之前的模糊图就会变清晰。
要是你后面要换域名或者做站群,绝对路径会导致图片全部失效。
有两个解决方法:
出来的就是相对路径,换域名也不会崩。
很多人自己建了产品、案例这类自定义模型,调缩略图是空白的。
你去后台内容模型管理,找到你建的那个模型,点字段管理。
看看有没有litpic这个字段,没有的话新增一个,字段名填litpic,类型选“图片(仅网址)”,保存之后就能正常调用了。
刚才说的这些方法,你不用全部记下来,收藏起来跟着操作就行。
现在就打开你的网站后台,先把列表页的标签换成带裁剪和默认图的,再把图片质量调到90,10分钟就能搞定之前烦了好久的缩略图问题。
改之前记得先备份对应的模板文件,改坏了还原回去就行,不用怕折腾,多试两次就熟了。
易频IT社区是综合性互联网IT技术门户网站,专注分享网络技术、服务器运维、网络安全、编程开发、系统架构、云计算、大数据等行业干货,实时更新IT行业资讯、零基础教程、实战案例,为IT从业者、技术爱好者提供专业的学习交流平台。
Copyright © 2021-2026 易频IT社区. All Rights Reserved. 备案号:闽ICP备2023013482号 网站地图