WordPress博客输入框添加特效

WordPress 博客网站添加评论输入特效的办法,虽然有很多博主说看起来太花俏不太好,不过我倒是认为这个特效还是挺不错的,值得推荐,毕竟它可以给我们枯燥单调的评论过程增加一点点色彩生机。

效果图

WordPress博客输入框添加特效插图

首先下载 activate-power-mode.js 文件

https://www.lanzoui.com/ieNvkhcm5sj

上传到主题的 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;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>

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

© 版权声明
THE END
喜欢本篇文章就点赞支持一下吧,你的支持是对我最大的鼓励。
点赞0
分享
评论区 抢沙发
  • 聚音阁的头像_听书网_聚音阁

    昵称

  • 取消
    昵称