WordPress-OneNav主题添加左下角悬浮图片广告

效果图

复制下方代码添加在页脚footer.php文件</body>前

<div class="mophp_ad_left"><a target="_blank" href="https://www.mophp.cn"><img style="max-width:100%;max-height:100%;" src="https://cdn.mophp.cn/wp-content/uploads/2020/07/1595052372-94ddba6a4e605fb.gif"></a></div>

复制下方css样式添加在主题css文件或主题自定义样式中

/*左侧悬浮广告*/
.mophp_ad_left {
    position: fixed;
    left: 50%;
    margin-left: -840px;
    bottom: -70px;
    z-index: 10;
    width: 137px;
    height: 325px;
}
@media screen and (max-width:1490px) {
.mophp_ad_left{display:none}
}
@media screen and (max-width:768px) {
.mophp_ad_left{position: fixed;right: 5px;width: 80px;height: 80px;text-align: center;cursor: pointer;z-index: 99;left: initial;bottom: 70px;top: inherit;display: block;}
}
/*左侧悬浮广告结束*/

教程 # WordPress美化 # 代码

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。
如果用于其他用途，请购买正版支持作者，谢谢！若您认为「KKOK.CC」发布的内容若侵犯到您的权益，请联系站长邮箱:ezuw@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。