WordPress网站添加个性输入礼花及震动特效

上面是搬码源码网 abnma.com 经由过程收集网络收拾整顿的代码片断。搬码源码网小编此刻分享给各人,也给各人做个参考。

作为 wordpress 用户的一员,真是为了装逼操心吃力(虽然 js 文件不是我写的)。WordpPress 输出框的一个礼花及震惊殊效后果,因为是挪用的 js 文件,以是不只仅可以用于 WordPress,其它网站上一样可以正常应用。js 殊效中包罗礼花及震惊殊效,你可以别离启用或禁用某个后果。

安装要领:

第一步下载 JS 文件:activate-power-mode.js(你可以点它下载),并上传到主题的 JS 文件夹中。

第二步安装代码:将以下代码添加到主题 footer.php 文件尾部或你感觉适合的位置。

<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 文件内没有这个判定前提的话,建议应用以下代码:

<?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 文件时记得改动路径哦。

以上是搬码源码网(abnma.com)为你网络收拾整顿的全数代码内容,但愿文章可以或许帮你解决所碰到的步伐开提问题。假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。

总结

以上是搬码源码网为你网络收拾整顿的WordPress网站添加共性输出礼花及震惊殊效全数内容,但愿文章可以或许帮你解决WordPress网站添加共性输出礼花及震惊殊效所碰到的步伐开提问题。

假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。

0
分享到:
搬码资源网广告位

评论0

请先

没有账号? 忘记密码?