杨泽业：mipcms网站怎么更换无图的默认缩略图

网站服务商杨泽业：mipcms网站怎么更换无图的默认缩略图昨天中午有一个群里面的好友问我，怎么修改默认的“暂无图片”的图片，也就是我今天要分享的主题，怎么修改栏目列表里面的文章

网站服务商杨泽业：mipcms网站怎么更换无图的默认缩略图

昨天中午有一个群里面的好友问我，怎么修改默认的“暂无图片”的图片，也就是我今天要分享的主题，怎么修改栏目列表里面的文章，没有发布图片的，暂无图片的缩略图，通常有两个方法，我教了他第一种简单的方法。

其实我说的修改默认的缩略图的方法，是适用于任意程序的，只是今天分享的内容里面，涉及到 修改mipcms源码，就归类到了我的mipcms教程里面了。

第一种：图片替换法

图片替换法是最简单快捷的，不用动任何脑筋，就能轻轻松松的替换任意图片，比方说logo,幻灯片等都是通用的。

操作方法：

在你要换的图片上面，右键查看图片地址或者属性，就知道具体的图片名称和地址了。我们在本地做一张同样大小的图片，重命名的名称和网络上面的名称一样，使用ftp软件上传替换即可。

比如mipcms的默认图片地址是：/public/assets/default/images/no-images.jpg，大小是121*75像素的图片.我个人认为他这个121*75可能是自己作图的时候搞错了一点点，应该是120*75的，你自己做一张叫做no-images.jpg图片，大小是120*75的使用ftp软件，替换就行，这个非常简单。

第二种：代码修改法

代码修改的方法就高级一点了，也稍微复杂一点，但是也是最高效的修改方法。mipcms默认的缩略图修改代码的文件是：

在文件template/default/block/article-list.html里面的第7行：

<mip-img layout="container" src="{$domainStatic}/{$assets}/{$tplName}/images/no-images.jpg" alt='{$v.title}'></mip-img>

我们可以把这个缩略图的地址改成任意的图片地址，比如我就把网站服务商的改成了no-images.png,然后做了一张120*75大小的no-images.png广告图片文件放在了这个文件夹里面。我的图片地址是{$domainStatic}/{$assets}/{$tplName}/images/no-images.png

图片的路径是可以自己任意指定的，只要这个地址真实存在这个图片就行。比如/img/abc.jpg。即： src="/img/abc.jpg"

补充说明：

1、在mipcms里面，电脑版网站的缩略图大小是240*150的，但是手机上面显示的是120*75的，所以为了让这个广告图整体最佳、完整的这是缩略图的广告内容的话，还是建议大家做成120*75大小的图片。png最佳，jpg次之。

2、既然谈到了缩略图，我给大家的配图的建议是：在正文图片配图上面，建议配置成600*375大小的图片，这样的话，在文章里面看起来也是比较舒服的，显示的电脑缩略图240*150和手机显示的缩略图120*75的比例是一致的，可以全部显示图片里面的所有内容。

猜你喜欢