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

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

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

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

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

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

刚刚名称:网站二维码

广告别名:wzewm

广告代码:

保存已经,获得了一个刚刚调用代码 :

{:hook('adHook','wzewm')}

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180914G22LZL00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券