给你的mipcms网站添加只有电脑显示手机不显示的网站二维码

今天分享讲的是mipcms网站，其实本教程适合所有网站。很多时候，我们看见了一个好的文章，想手机QQ或者微信分享到群里面，但是电脑复制粘贴到手机里面不太方便，所以我们就使用二维

今天分享讲的是mipcms网站，其实本教程适合所有网站。很多时候，我们看见了一个好的文章，想手机QQ或者微信分享到群里面，但是电脑复制粘贴到手机里面不太方便，所以我们就使用二维码来扫一扫就能通过手机QQ或者微信访问了。

在mipcms网站里面没有二维码的功能，我就在页面的侧边栏，比如首页和文章页面，添加一个固定的网站二维码即可，这个二维码在电脑上面可以显示，但是在手机上面浏览还要显示二维码，那就比较多余了。经过杨泽业的不断摸索，终于搞定了，只是在电脑显示，手机上面不显示的二维码了。其实也不仅仅适用于二维码，也适用于任何广告信息。

杨泽业给出的解决方法是，边栏的右侧一张固定的二维码广告位，但这个页面被访问的浏览器的宽度大于1200px的时候就显示这个二维码，低于1200px的时候，就不显示这个二维码。而现在主流的手机的宽度都不会大于1200px，而电脑的显示器基本上都会大于1200px了，有了这个思路以后，我就通过css样式表把这个问题解决了。

我在本站的样式表文件（/public/assets/default/css/mipcms.css）最底部，添加下面的代码即可。

@media screen and (max-width: 1200px) { .dnxs{display:none; }
}

css修改了，那就再添加一个广告位即可，

刚刚名称：网站二维码

广告别名：wzewm

广告代码：

<div class="mip-box mip-box-default">
<div class="mip-box-heading"><h3>手机扫一扫访问本站</h3></div><div>
<mip-img src="https://www.wzfws.com/img/wzewm.png" alt="手机扫一扫访问本站"></mip-img>
</div></div>

保存已经，获得了一个刚刚调用代码 ：<div class="dnxs">{:hook('adHook','wzewm')}</div>

把这个代码，添加到首页，栏目页，文章详情页即可。

本文由杨泽业原创首发于网站服务商（wzfws.com）转载请注明来源。

猜你喜欢