WordPress:添加评论框礼花特效

如图:

Wordpress:添加评论框礼花特效

首先,将下面的js代码保存起来,命名activate-power-mode.js,并上传到主题的JS文件夹中,参考路径如下:/includes/js

隐藏内容,您需要满足以下条件方可查看

然后,将以下代码添加到主题的footer.php文件——/body——标签前:

<script src="<?php bloginfo('template_directory'); ?>/includes/js/activate-power-mode.js "></script>
<script>
    POWERMODE.colorful = true; // ture 为启用礼花特效
    POWERMODE.shake = false; // false 为禁用震动特效
    document.body.addEventListener('input', POWERMODE);
    </script>

也可以加一个判断is_singular(),让下面的js只在文章页和页面中加载,代码如下:

<script>

POWERMODE.colorful = true;// ture 为启用礼花特效

POWERMODE.shake = false; // false 为禁用震动特效

document.body.addEventListener('input', POWERMODE);
<!--?php }?-->

如果移动设备异常特效,以下代码判断移动端:

<!--?php if (is_single() || is_page() ) { ?-->
<script src="<?php%20bloginfo('template_directory');%20?>/includes/js/activate-power-mode.js"></script>
<script type="text/javascript"> 
if(!(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){
POWERMODE.colorful = true;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE); 
}
</script>

如果已经有判断条件代码<!–?php if (is_single() || is_page() ) { ?–>,只需要将第上一段的代码添加在里面即可。

注意文件路径与文件名

参考链接:

http://www.2zzt.com/jcandcj/8386.html

https://waylee.net/2017/08/14/pltx/(已失效)

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新消息 消息中心
有新私信 私信列表
搜索