WordPress添加悬浮动态动画广告

WordPress添加悬浮动态动画广告

前言:

这篇教大家如何制作一个悬浮动画广告,来吸引用户进行引流~教程已屏蔽手机端显示。

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

教程正文:

首先来到WordPress主题的根目录下找到 footer.php 文件( heade.php 都无所谓啦)

然后把下面代码放到 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="图片链接" height="200" width="600"><br></a></p></div></div>
图片[1]-WordPress添加悬浮动态动画广告-开心快乐每一天
图示:圈起来的图片链接改为广告图的链接

然后将以下CSS代码添加至 后台 => 自定义代码 => 自定义CSS样式里

#wpon_svip_gif {
        display: none;
        width: 200px;
        height: 61px;
        border-radius: 0 0 13px 13px;
        z-index: 1002;
        right: 30px;
        top: 100px;
        position: fixed;
    }

GIF动画样式和效果图:

图片[2]-WordPress添加悬浮动态动画广告-开心快乐每一天
图片[3]-WordPress添加悬浮动态动画广告-开心快乐每一天
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享