怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏

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

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

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

效果如下图所示:

 

图片[1]-怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网

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

将以下代码加入到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主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网

编程定位代码展示:css样式表处插入

 

图片[3]-怎么给WordPress主题添加底部漂浮栏 适合做广告或者类似微信底部菜单栏-自购网

THE END