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

发布时间：2022-01-20 14:58:12 所属栏目：经验来源：互联网

导读：很多小伙伴问墨鱼自适应站点添加广告怎么办，因为PC端增加了广告，到移动端会变形或者显示不全或者根本不显示，那么今天墨鱼给大家讲解下方法，抛砖引玉，方便大家！首先小伙伴们先放弃一个东西，就是后台的广告管理！接下来所有事情都应该在模板里进行了

　　很多小伙伴问墨鱼自适应站点添加广告怎么办，因为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.我们要找到自己想添加广告的地方，然后插入以下代码：（找不到？这个没法教程，意思就是模板里你想显示广告的地方！）

　　<div class="pcd_ad">电脑端广告代码</div>

　　<div class="mbd_ad">手机移动端广告代码</div>

　　好了，就是那么简单，然后该更新更新，该刷新刷新。就成了！

（编辑：周口站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!