给网站底部添加一个广告漂浮的栏目吧,使用css中的float即可实现,这个漂浮栏不与文章页面重合,是漂浮在文章页面之上的。
站点底部添加一个通知栏的作用是起到一个通知或者广告的作用,但是很多时候我们都知道,
这种通知可能被人觉得很反感,但是如果你的内容不是广告的话,那么我想也不会有人觉得反感了。
效果如下图所示:
![图片[1]-怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网](http://tu.xianje.cn/QQ%E5%9B%BE%E7%89%8720190108001118.png)
里并没有放我们广告代码或者是链接转跳,大家自己可以添加自己想要的代码即可。
将以下代码加入到foot文件的结尾body之前即可。
<div class="float_ad"> <div class="ad_text"> 无作为测试,WordPress添加一个底部漂浮栏,蓝色 </div> </div>
css代码样式中插入
.float_ad { position: fixed; bottom: 0; width: 100%; text-align: center; background: red; height: 100px; z-index: 1111; }
其中height是高度,background背景色,其他样式大家自己更新喜好来修改即可。(gold是金色;red是红色 可以自己查英文单词更换色调)
编程定位代码展示:主题页脚处插入
![图片[2]-怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网](http://tu.xianje.cn/002.png)
编程定位代码展示:css样式表处插入
![图片[3]-怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网](http://tu.xianje.cn/003.png)
THE END






