今天分享讲的是mipcms网站,其实本教程适合所有网站。很多时候,我们看见了一个好的文章,想手机QQ或者微信分享到群里面,但是电脑复制粘贴到手机里面不太方便,所以我们就使用二维码来扫一扫就能通过手机QQ或者微信访问了。
在mipcms网站里面没有二维码的功能,我就在页面的侧边栏,比如首页和文章页面,添加一个固定的网站二维码即可,这个二维码在电脑上面可以显示,但是在手机上面浏览还要显示二维码,那就比较多余了。经过杨泽业的不断摸索,终于搞定了,只是在电脑显示,手机上面不显示的二维码了。其实也不仅仅适用于二维码,也适用于任何广告信息。
杨泽业给出的解决方法是,边栏的右侧一张固定的二维码广告位,但这个页面被访问的浏览器的宽度大于1200px的时候就显示这个二维码,低于1200px的时候,就不显示这个二维码。而现在主流的手机的宽度都不会大于1200px,而电脑的显示器基本上都会大于1200px了,有了这个思路以后,我就通过css样式表把这个问题解决了。
我在本站的样式表文件(/public/assets/default/css/mipcms.css)最底部,添加下面的代码即可。
css修改了,那就再添加一个广告位即可,
刚刚名称:网站二维码
广告别名:wzewm
广告代码:
保存已经,获得了一个刚刚调用代码 :
{:hook('adHook','wzewm')}
把这个代码,添加到首页,栏目页,文章详情页即可。
本文由杨泽业原创首发于网站服务商(wzfws.com)转载请注明来源。
领取专属 10元无门槛券
私享最新 技术干货