WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 生活趣事
    • 生活日记
    • 防骗指南
  • 编程教学
    • API日记
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
    • 严选源码
  • 专题
  • 基友
  • 隐私
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君
首页 RIPRO主题美化 给网站添加悬浮动画广告

给网站添加悬浮动画广告

夏柔 9月 13, 2021

这篇教大家如何制作一个悬浮动画广告,来吸引客服进行傻瓜式引流~

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

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

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

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

废话不多说,步入正题!

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

GIF动画样式

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

功能列表

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

2. 屏蔽手机端显示

教程开始

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

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

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

RiPro-v2文件
检测有效,可下载
类型: php
RiPro文件
检测有效,可下载
类型: 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账号

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

目前测试的在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>

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

#广告#引流#悬浮广告#裂变
4
等 4 人赞过
J2dcg1.png
猜你喜欢
  • 感谢各位老板对夏柔公益的支持
  • Nginx添加跨域限制规则
  • 使用测速脚本对国内Linux服务器进行测速
  • 域名爆破之自动化信息收集脚本
  • 利用免费接口实现国家开放大学刷网课脚本
  • RiProV2定制导航条
  • 判断是否在微信浏览器打开
  • 微信内自动播放音频非百度方案
  • 利用veImageX加速您的网站,想不快都难!
  • SWAPIDC减少注册信息及防刷注册量教学
16 7月, 2020
pycharm安装reload报错解决方法
夏柔
站长
夏山如碧 - 怀柔天下
1724
文章
25
评论
58145K
获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门33
WordPress技术教程267
前沿技术情报所22
城市创新——新消费11
最近有哪些不可错过的热文23
程序员的养生之道0
节
春
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2025 WordPress极简博客. Designed by 夏柔. 辽公网安备21010502000474号 辽ICP备19017037号-2