给WordPress添加评论输入特效

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

实现方法:

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文件的调用路径。



30 条评论

    1. @胡说胡记 主循环前面加上这个。
      $paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;
      query_posts( array( ‘ignore_sticky_posts’ => 0, ‘paged’ => $paged ) );

      注释里面加上这个”Template Name: Archives”。
      新建页面,选择模板。OK。

  1. 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。放烟花 :cool:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫