WordPress博客输入框添加特效

最新推荐文章于 2023-11-17 12:25:08 发布

黑风leisure

最新推荐文章于 2023-11-17 12:25:08 发布

阅读量937

点赞数

分类专栏： WordPress 文章标签：输入特效 wordpress

WordPress 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在WordPress博客上添加评论输入特效，通过简单的步骤和代码，为单调的评论区增添色彩和生机，提升用户体验。

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

WordPress博客输入框添加特效

首先下载 activate-power-mode.js 文件 [底部链接]

上传到主题的 JS 文件夹中（如 Nana 为例主题，就上传位置 wp-content-themes-Nana-js）。

将以下代码添加到主题的 footer.php 文件适当的位置
将以下代码添加到主题的 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 文件，建议给这些代码加一个判断是否为文章页或页面，是的话才加载这些代码。
下载地址：https://wuzuhua.cn/2018/12/21/pltx.html