杨泽业:给你的mipcms网站添加自定义缩略图的功能

  • 时间:
  • 浏览:311次
  • 来源:网站服务商官网 网址:https://www.wzfws.com

网站服务商杨泽业:给你的mipcms网站添加自定义缩略图


我们在最新版本的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下载地址:(点击下载

本文地址:https://www.wzfws.com/urlimg.html


网站服务商经典语录
欢迎关注我的微信和微信公众号

猜你喜欢

免费在线智能AI文章伪原创工具源码

免费在线智能AI文章伪原创工具源码出售本工具源码不写入数据库,上传到任意支持php的网站空间即可,部分空间需要开启相关的参数,才能正确使用。伪原创工具的工作原理是:使用谷歌翻译

2019-07-19  分类:小工具  浏览:20次


网站服务商diy模板更新

更新的地方有:1、6月19日增加了两个栏目单页面模板。2、6月22日修改了文章详情页的字体大小和间距。3、6月23日调整了上一篇、下一篇和猜你喜欢的位置。4、6月24日,在上一篇、下一篇的上方,增加一个回到目录的提示与地址。

2019-07-01  分类:本站公告  浏览:47次


杨泽业:mipjz网站的MIP数据提交到神马搜索的实现方法

今天早上研究了一下,怎么把mipjz程序的文章链接和标签链接推送到神马搜索里面。我们的程序是mip的,神马搜索页也支持MIP数据提交。神马搜索里面只是提供了api,没有提交的入

2019-07-01  分类:mipcms  浏览:120次


工信部批复设立中国自己的域名根服务器

6月26日,工信部发布通告《工业和信息化部关于同意中国互联网络信息中心设立域名根服务器(F、I、K、L根镜像服务器)及域名根服务器运行机构的批复》及《工业和信息化部关于同意互联

2019-06-28  分类:行业资讯  浏览:49次


给你的网站添加百度商桥的在线沟通的功能

今天我访问我的一个买了我的mip网站模板的客户的网站,发现了他的网站添加了百度商桥的在线沟通的功能。我认为添加了商桥的代码,肯定就不能通过百度mip的验证了。但是,我错了。我经

2019-06-21  分类:基础知识  浏览:110次


景安虚拟主机免费一键开启https安全访问的方法

今天在杨泽业网站建设交流群(群号:187388018)群友普密斯精密仪器问我:“群主,你网站上有把mipcms加上https的教程吗?”我回答说:“没有,你遇到什么问题了,直接

2019-06-20  分类:基础知识  浏览:84次


网站服务商diy模板618更新:全站删除文章缩略图,让网站访问更加快速

网站服务商讯:网站服务商站长杨泽业基于mipjz官方模版制作的diy模板,在2019年6月18日进行更新:全站删除文章缩略图,让网站访问更加快速。本次删除的缩略图的地方有首页列

2019-06-17  分类:本站公告  浏览:59次


给网站添加网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:基础知识  浏览:88次


网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:建站百科  浏览:51次


工业和信息化部向中国电信,中国移动,中国联通,中国广电颁发5G牌照

网站服务商讯:中国的5g牌照终于在2019年的6月6日发放了,中国正式进入了5G时代。工业和信息化部向中国电信、中国移动、中国联通、中国广电颁发5G牌照。以下是来自于工信部的官

2019-06-06  分类:行业资讯  浏览:60次