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

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

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

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

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

废话不多说,步入正题!

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

GIF动画样式

Riprov2功能教学-给网站添加悬浮动画广告插图

功能列表

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

2. 屏蔽手机端显示

教程开始

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

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

将图片里的代码添加至 footer.php 文件:

[reply]

<?php 
// 给网站添加悬浮动画广告
// 教程地址:https://www.cpon.cn/19605.html
// 你猜这是干什么的
$vip_type = _get_user_vip_type($current_user->ID);
// 判断当前用户是否为vip / 永久vip
if($vip_type != 'vip'){
if ($vip_type != 'boosvip'){
// 不是则输出以下代码
echo '<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>';}}?>

[/reply]

然后将以下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>

文章转载自wordpress极简博客 

发表评论

后才能评论

评论(6)