给网站WordPress全站添加侧边栏浮窗广告并显示在全站最上层

前几天,有个朋友跟小编说,让给他网站右边加一个浮动广告,有很多显示侧边栏浮窗的Wordpress,但是实现起来巨复杂。因为大多数插件都是想要实现很复杂的功能。但很多时候只是需要一个简单的侧边栏浮窗。用一个DIV标签就能解决。今天分享出来给网站WordPress全站添加侧边栏浮窗广告并显示在全站最上层很简单,几行代码就搞定了!

给网站WordPress全站添加侧边栏浮窗广告并显示在全站最上层

给网站WordPress全站添加侧边栏浮窗广告并显示在全站最上层

把下列代码,加入到你Wordpress的Header.php或者 Footer.php之中都可以。

<!-- 浮动广告代码开始 -->
<div id="left_layer" style="position:fixed; top:150px; right:0px;z-index:999;">
<img src="https://www.wzxiu.com/tu/666.jpg" width=150><br>
<a href="javascript:;" onclick="javascript:document.getElementById('left_layer').style.display='none';">关闭</a>
</div>

这个原理吗,其实就是在整个页面加一个侧边栏。其中img标签中的src,替换成你需要的图片地址即可。我这里用的是我本站的地址。width是宽度,你还可以设定一个指定的高度。就是加上一个Height标签。

PS:对于Div标签的z-index:999;属性,这个属性是设置div标签的层级,数值越大,层级越高。有的时候,设置了div标签,但是浮窗会被网站上的其他图片或者Flash挡住,因为其他的图片优先级高。所以这里z-index的属性值需要提高一些。这样才可以让这个浮窗的div标签显示在最上层。而下面的javascript代码,是关闭窗口用的。

好了,看完这个教程是不是感觉很简单呢!哈哈哈哈!其实这个不只适用于wordpress。其他程序也可以用!

“6万一晚”朋友圈风波自媒体编故事引流套路疯传朋友圈

上一篇

WordPress添加侧边栏登录功能Sidebar Login(已汉化)

下一篇

99%的人还看了

发表评论

插入图片

欢迎登陆本站

 | 注册

在线工具

VIP视频解析

衡天云优质VPS 站长推荐

注册

登录

忘记密码 ?