给WordPress网站评论框配置炫酷的打字效果

2017-09-19T13:05:00
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »

说明:这个效果很炫酷,演示网站:点击进入,觉得不错的可以试试。

方法

Github项目:https://github.com/disjukr/activate-power-mode

本效果需要一个activate-power-mode.js文件,在dist目录,下载下来以后,上传到网站部分文件夹,比如usr/js

接下来找到主题包的comment文件,在文件顶部<?php的上面新增如下配置,链接请更换为自己的。

<script src="https://www.moerats.com/usr/js/activate-power-mode.js"></script>
<script>
    POWERMODE.colorful = true; /* make power mode colorful*/
    POWERMODE.shake = false; /* turn off shake*/
    document.body.addEventListener('input', POWERMODE);
</script>
 
<?php

那么这样配置以后,就可以实现这种炫酷的样式,当然记得清理缓存。