杨泽业:给你的mipcms网站添加自定义缩略图的功能
网站服务商杨泽业:给你的mipcms网站添加自定义缩略图我们在最新版本的mipcms3.6中的,默认的文章里面,在添加文章的时候,是没有自定义缩略图的功能,而在我们实际发布文章
我们在最新版本的mipcms3.6中的,默认的文章里面,在添加文章的时候,是没有自定义缩略图的功能,而在我们实际发布文章的时候,却需要到这个功能,比如我们在发布一个文章里面,可能有N张图片,默认的缩略图是第一张,而我们最期望的缩略图可能是第二张,或者第N张,而图片又 不能打乱了再插入到文章里面, 所以要实现指定的图片作为缩略图的话,还必须给你的文章添加这个自定义缩略图的功能。
我们要实现的效果是: 有自定义图片地址的,就优先调用自定义地址图片,没有自定义的显示第一张,一张都没有的,显示默认的的缩略图。
其实要想实现自定义缩略图的功能,理论上是很简单的事情,就是在实际操作中,要把这个代码部署进去,而且完美的实现我们想要的效果的话,还是有一定的难度的。在本教程发布之前,我可是有着无数个大胆的想法,一次一次的测试各种代码,最后才把问题完美的解决了。现在我就把方法教给大家。
1、添加自定义字段。后台--文章--自定义字段--添加字段。字段名称:自定义缩略图,字段别名:urlimg,字段类型:超长文本。(我原来的教程都是写文本字符串,后来改了,因为文本字符串可以达到的效果,超长文本也可以。)这样提交以后,就得到了一个字段别名diy_urlimg
2、发布文章的时候,多出一格自定义缩略图的位置,填写自定义缩略图url地址即可,不填写默认调用第一张图片地址。
3、把代码添加到网站模板里面。
模板文件路径/template/模板名称/block/article-list.html里面4-6行的代码:
{if condition="$v['firstImg']"}
<mip-img layout="container" alt='{$v.title}' src="{$v['firstImg']}"></mip-img>
{else/}
在 {else/}的上方多加一行代码,改成下面这个即可:
{if condition="$v['firstImg']"}
<mip-img layout="container" alt='{$v.title}' src="{$v['firstImg']}"></mip-img>
<mip-img layout="container" alt='{$v.title}' src="{$v['diy_urlimg']}"></mip-img>
{else/}
教程已经写完了,大家可以参考https://www.bankft.cn/renshi/baipishu.html这个文章,就是调用第二张图片作为缩略图的。
最后,杨泽业也希望大家帮我一个小忙,做做下面这个任务,这个任务呢?一是可以帮助我,二是能够为你赚钱哦。任务很简单,下载云钱包APP,注册、登陆APP,投我一票就行了(杨泽业云钱包投票编码:000046JD),如果你不想通过有奖签到赚钱,投我一票以后就可以卸载了,如果你也想和我一样,通过兼职运作这个项目赚大钱的话,可以加我微信,我带你哦!
简单说一下这个项目怎么赚钱:
1、每日签到,今天开始每天赠送167AIC(昨天赠送200AIC),满1000AIC兑换1金股,满1金股可以卖。1金股现在值22元人民币(12月30日),未来可以升值到100元,1000元一金股。
2、你也邀请10个人成为时间银行行长,活动结束,B轮10万名行长每人分得10万AIC,即100金股。
3、活动结束时总得票排行前1千名的股东每人可再分得1千万AIC,即1万金股。
4、更多资讯到我的两个新网站 https://www.yunqianbao.vip 和 https://www.bankft.cn 及官方APP了解。
5、云钱包APP下载地址:(点击下载)
猜你喜欢