WordPress添加底部漂浮栏

2017年09月08日 14点热度 0人点赞 0条评论

给网站底部添加一个广告漂浮的栏目吧,使用css中的float即可实现,这个漂浮栏不与文章页面重合,是漂浮在文章页面之上的。

站点底部添加一个通知栏的作用是起到一个通知或者广告的作用,但是很多时候我们都知道,

这种通知可能被人觉得很反感,但是如果你的内容不是广告的话,那么我想也不会有人觉得反感了。

效果如下图所示:

WordPress添加底部漂浮栏

这里并没有放我们广告代码或者是链接转跳,大家自己可以添加自己想要的代码即可。

将以下代码加入到foot文件的结尾body之前即可。

 class="float_ad">
 class="ad_text">
无作为测试,WordPress添加一个底部漂浮栏,蓝色

css代码样式

.float_ad {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background: red;
height: 100px;
z-index: 1111;
}

其中height是高度,background背景色,其他样式大家自己更新喜好来修改即可。

未经允许不得转载!WordPress添加底部漂浮栏

update

纸上得来终觉浅, 绝知此事须躬行。