关于自适应模板网站站点添加广告的方法

帝国教程 强烈建议 2024-03-04 08:33 87 0

  很多小伙伴问墨鱼 自适应站点添加广告怎么办,因为PC端增加了广告,到移动端会变形或者显示不全或者根本不显示,那么今天墨鱼给大家讲解下方法,抛砖引玉,方便大家!

  首先小伙伴们先放弃一个东西,就是后台的广告管理!接下来所有事情都应该在模板里进行了!基础差的小伙伴们要恶补一下,或者找高手解决,或者直接付费找墨鱼哦!HOHO!

  1.我们先找到这个站点的主CSS,或者不用找CSS,直接在模板或者页面里添加以下CSS:

  .pcd_ad{display:block;}

  .mbd_ad{ display:none}

  @media(max-width:768px) {

  .pcd_ad{display:none !important;}

  .mbd_ad{display:block !important;}

  }

  上面CSS的意思大概:

  display:block 这是显示的意思

  display:none 这是隐藏的意思

  @media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{}的样式。

  2.我们要找到自己想添加广告的地方,然后插入以下代码:(找不到?这个没法教程,意思就是模板里你想显示广告的地方!)

  

电脑端广告代码

  

手机移动端广告代码

本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!