WordPress网站添加个性输入礼花及震动特效/其他CMS网站均可尝试

作为 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="./wp-content/themes/主题/js/activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // true 为启用礼花殊效
POWERMODE.shake = false; // false 为禁用震惊殊效
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>

假如曾经有判定前提代码<?php if (is_single() || is_page() ) { ?>，只要要将第二步的代码添加在内里即可。

留意：假如第一步上传的路径不是在 JS 文件夹中，在第二步援用 activate-power-mode.js 文件时记得改动路径哦。

可以去留言试试文字输入礼花效果

原文转载地址：https://suguoer.com/118.html