摘要:作为 WordPress 用户的一员,真是为了装逼费心费力(虽然 js 文件不是我写的)。WordpPress 输入框的一个礼花及震动特效效果,由于是调用的 js 文件,所以不仅仅可以用于 WordPress,其它网站上一样可以正常使用。js 特效中包含礼花及震动特效,你可以分别启用或禁用某个效果。 WordPress…
作为 WordPress 用户的一员,真是为了装逼费心费力(虽然 js 文件不是我写的)。WordpPress 输入框的一个礼花及震动特效效果,由于是调用的 js 文件,所以不仅仅可以用于 WordPress,其它网站上一样可以正常使用。js 特效中包含礼花及震动特效,你可以分别启用或禁用某个效果。
WordPress 输入礼花及震动特效安装方法:
第一步下载 JS 文件:activate-power-mode.js(你可以点它下载),并上传到主题的 JS 文件夹中。
第二步安装代码:将以下代码添加到主题 footer.php 文件尾部或你觉得合适的位置。
1
2
3
4
5
6 <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>
注意:这个 WordPress 输入特效只有在评论的时候使用,所以为了不乱加载这些JS文件,建议给这些代码加一个判断是否为文章页或页面,是的话才加载这些代码。
如果所使用主题的 footer.php 文件内没有这个判断条件的话,建议使用以下代码:
1
2
3
4
5
6
7
8 <?php if (is_single() || is_page() ) { ?>
<script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>
如果已经有判断条件代码 <?php if (is_single() || is_page() ) { ?>,只需要将第二步的代码添加在里面即可。
注意:如果第一步上传的路径不是在JS文件夹中,在第二步引用 activate-power-mode.js 文件时记得修改路径哦。
或者去下载另一个 JS:https://github.com/cnguu/Bomb-Typecho-Plugin
声明:大眼仔旭 | 本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议[CC BY-NC-SA]进行授权
文章名称:《为你的 WordPress 网站添加个性输入礼花及震动特效》
文章固定链接:http://www.dayanzai.me/activate-power.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《为你的 WordPress 网站添加个性输入礼花及震动特效》
文章固定链接:http://www.dayanzai.me/activate-power.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
转载声明
猜你喜欢
- 2021-03-25CAD 绘图工具 Autodesk AutoCAD LT 2022 x64 中文多语免费版
- 2022-08-12电子邮件客户端 eM Client Pro 9.1.2109.0 中文多语免费版
- 2023-12-11开源音频传输软件 SonoBus 1.7.2 中文多语免费版
- 2020-04-11简易 DNS 加密工具 Simple DNSCrypt 0.7.1 + x64 中文多语免费版
- 2023-12-02安卓微软桌面 Microsoft Launcher 6.231101.0 中文免费版
相关推荐
- 2021-12-312022 年英伟达 Nvidia 和 AMD 最适合视频编辑的显卡推荐
- 2023-12-13Broadcom 发布 VMware 未来以及永久许可和支持终止的更多消息
- 2020-12-06开源免费跨平台密码管理软件 Buttercup 1.20.5 中文多语免费版
- 2020-11-03如何关闭 Windows 10 系统盘中的休眠文件节省硬盘空间
- 2015-06-19微软多媒体编程接口 DirectX 11 官方中文版
全部评论: (8条)
MORE>>微软应用
MORE>>安卓应用
MORE>>教程资源
MORE>>其它资源
最新标签
有合作事业等可联系我们:
邮箱:wcxu21@126.com
QQ:2339736422(大眼仔~旭)
QQ群:639987164(点击加群)
本站是非经营性网站,网站资源部分收集整理于互联网,其著作权归原作者所有,如果有侵犯您权利的资源,请来信告知(附上权利证明到 wcxu21@126.com),我们将及时撤销相应资源。
Copyright © 2014~2024 WwW.DaYanZai.Me 保留所有权利豫ICP备14005066号-1♥