给WordPress添加评论输入特效

兴趣 • 10.86k次阅读 • 39 条评论

0815

本站使用了评论输入特效，打字时有礼花绽放效果，并且可以设置震动（本站关闭了震动）。详细效果你去发表一下评论就知道了。

实现方法：

1、下载JS文件：下载地址

2、将以下代码添加到主题的页脚文件适当的位置：

<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>

输入特效只有在评论的时候有用，为了不乱加载这些JS文件，建议给代码加一个判断，是文章页或页面的话才加载这些代码。

<?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 }?>

注意记得根据实际情况修改activate-power-mode.js文件的调用路径。

打赏赞

39 条评论

Pingback： Sakura主题美化系列（九）给网站添加特效（其一） – 风月琉璃的避风港 – 博客
hell说道：

2020年6月6日下午10:00

你的网站好帅啊，可不可以教一下啊前辈

回复
Pingback： Sakura主题美化系列（九）给网站添加特效 | Ukenn Blog
Teo说道：

2019年11月14日下午10:46

测试，我觉得很棒！谢谢

回复
双双对对爸爸说道：

2019年6月14日下午8:10

我的没有特效，不知道什么情况！

回复
老陈网志说道：

2019年5月4日下午10:36

这个效果真炫！

回复
Pingback：给WordPress评论界面添加烟花和震动特效 | 奶爸de笔记
奶爸de笔记说道：

2019年5月2日下午6:23

我就是在找这个，我去加一个。

回复
looper说道：

2018年1月10日上午9:09

很有意思，挺漂亮

回复
看山的男子说道：

2017年8月30日下午9:20

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。放烟花

回复
hdp说道：

2017年8月29日下午4:17

这个特效还是相当不错的~~

回复
themebetter说道：

2017年8月18日上午10:05

发条评论看看效果！

回复
工匠盒子说道：

2017年8月17日下午6:31

我加上了，很漂亮。

回复
在线看小说说道：

2017年8月17日下午6:21

搞个在线演示嘛

回复
1. 从良未遂说道：
  
  2017年8月17日下午9:16
  
  @在线看小说你评论的时候没发现？
  
  回复
胡说胡记说道：

2017年8月17日上午11:50

这个特效用不到，想学一下归档页面怎么做，有空写一个教程呗

回复
1. minuo说道：
  
  2017年8月17日下午9:56
  
  @胡说胡记主循环前面加上这个。
  $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
  query_posts( array( 'ignore_sticky_posts' => 0, 'paged' => $paged ) );
  注释里面加上这个"Template Name: Archives"。
  新建页面，选择模板。OK。
  
  回复
  1. 胡说胡记说道：
    
    2017年8月18日上午9:37
    
    @minuo 感谢解答！新建页面我会，只是不会排版，做出来很难看。想要一个从良未遂这样的归档页。
    
    回复
  2. 胡说胡记说道：
    
    2017年8月18日下午6:07
    
    @minuo 今天试着自己做了一个归档页面，还可以吧
    
    回复
肉松说道：

2017年8月17日上午9:11

请教一下，判断代码加在哪，也加在页脚里吗？

回复
1. 从良未遂说道：
  
  2017年8月17日上午11:21
  
  @肉松是的，建议加下面一段代码就好了。
  
  回复
肉松说道：

2017年8月17日上午9:06

这特效挺好玩，收下了，谢过

回复
姜辰说道：

2017年8月17日上午12:48

效果？还是不错的啊~~~我EM也是可以采用的~~哈哈~~~不过~~~不过~~~~~~~~~~~~~~~~~~~~~~~~~~~这样就卡了

回复
1. 从良未遂说道：
  
  2017年8月17日上午8:56
  
  @姜辰还可以吧？你评论的时候卡吗？
  
  回复
  1. 姜辰说道：
    
    2017年8月17日上午11:14
    
    @从良未遂我的意思是突然输出一大段，比如~~~~~~~~~~~~~~~就卡了。
    
    回复
    1. 从良未遂说道：
      
      2017年8月17日上午11:21
      
      @姜辰我回去电脑上试试
      
      回复
随望淡思说道：

2017年8月16日下午10:08

这些花俏的东西其实真没必要整的，影响加载速度不说，搞不好还以为你是少女心呢！一直喜欢清爽简洁风格的路过……

回复
1. 从良未遂说道：
  
  2017年8月17日上午8:56
  
  @随望淡思个人喜好了。少女心？笑死我了
  
  回复
牧羊人说道：

2017年8月16日下午4:13

来点雪花吧~~~

回复
老虎说道：

2017年8月15日下午10:04

还挺有感觉的，不过连续打字的时候烟花只在第一个字绽放啊。

回复
1. 从良未遂说道：
  
  2017年8月17日上午8:57
  
  @老虎不是吧？字输进去后，应该就在新的字那里绽放了吧？
  
  回复
  1. 老虎说道：
    
    2017年8月17日下午1:43
    
    @从良未遂我意思是连续打字，比如qq输入法输入一整句话
    
    回复
    1. 从良未遂说道：
      
      2017年8月17日下午1:45
      
      @老虎是的，这个我也发现了。
      
      回复
    2. minuo说道：
      
      2017年8月17日下午9:50
      
      @老虎此问题暂无解。
      
      回复
秦大叔说道：

2017年8月15日下午9:42

试下效果……
就是很简陋的像素块啊

回复
1. 从良未遂说道：
  
  2017年8月15日下午9:52
  
  @秦大叔看起来还是不错的
  
  回复
纬八路随笔说道：

2017年8月15日下午9:36

放到页脚适当的位置，就难住了我。

回复
1. 从良未遂说道：
  
  2017年8月15日下午9:57
  
  @纬八路随笔 footer.php啊
  
  回复
2. minuo说道：
  
  2017年8月17日下午9:50
  
  @纬八路随笔 foot.php，里面之前。
  后台，主题，编辑，主题页脚（foot.php)。
  
  回复

相关文章

39 条评论

发表回复 取消回复

发表回复取消回复