给网站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.vivst.com/tu/666.jpg" width=150><br>
<a href="javascript:;" rel="external nofollow" rel="external nofollow" 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。其他程序也可以用!

古风网版权互动须知

本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

原文地址:https://www.vivst.com/5644.html 给网站WordPress全站添加侧边栏浮窗广告并显示在全站最上层

发表评论