结合前几篇写的如何给RiPro、RiPro-v2主题添加推广注册赠送会员,你总得告诉用户你这个功能的页面在那里吧,总不能通过社交软件告诉每一位用户:我的网站推广好友达到10位,就送100天会员,邀请链接在用户中心获取…

啊这,我不知道你们会不会详细阅读长篇大论的话,反正夏柔是不会~

今天夏柔也在百度找过类似的教程,但还是那句成语:千篇一律没有创新。。。总是那点教程搬来搬去,一点意思也没有!

所以夏柔希望大家能多多关注本站,加个收藏,每天多来看看,总会有你想要的~

废话不多说,步入正题!

先声明:本教程的GIF动画选自千图网(58pic.com)所以如果需要商用请前往千图购买商用授权本教程仅供学习交流。

GIF动画样式

功能列表

1. 支持判断用户是否为VIP,是VIP则不展示此广告

2. 屏蔽手机端显示

教程开始

首先来到根目录下找到 footer.php 文件( heade.php 都无所谓啦),如图:

给网站添加悬浮动画广告-WordPress极简博客

将图片里的代码添加至 footer.php 文件:(你是什么主题就下载什么)

然后将以下CSS代码添加至 后台 => 外观 => 自定义 => 额外CSS 里,如图:

给网站添加悬浮动画广告-WordPress极简博客
#wpon_svip_gif {
display: none;
width: 200px;
height: 61px;
border-radius: 0 0 13px 13px;
z-index: 1002;
right: 30px;
top: 100px;
position: fixed;
}

然后来前台测试一下,分别登录VIP账号和登录普通账号,如图:

注:左图为普通用户账号,右图为VIP账号

目前测试的在RiPro、RiPro-v2主题,其他主题暂时未发布类似的功能,如果自己有能力或者有需求的话可以联系夏柔~

简洁版本

直接将以下代码添加至 footer.php 文件即可。

<div class=“showpc”><style>.showpc{display:none;}@media (min-width:960px){.showpc{display:inline;}}</style><div id=“wpon_svip_gif” class=“wpon_svip_gif” style=“display: block;”>
<div class=“kubao” style=“display: none;”></div><p><a class=“link animated” href=“/vip” data-stat=“升级SVIP活动特价” target=“_blank” style=“border: none; box-shadow: none;”><br><img src=“https://cdn.wpon.cn/ripro-v2/vip/vip.gif” height=“200” width=“600”><br></a></p></div></div>

最后,转载请注明来源,谢谢!

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源