⭐公告:会员务必收藏永久发布页https://bikan.jiuandun.tk⭐

如何给WordPress博客网站添加评论输入特效

我不知道你是否注意到了boke112导航的评论输入效果。虽然很多博主说它看起来太花哨但不太好,但boke112认为这种特殊效果非常好,值得推荐。毕竟,它可以让我们变得单调乏味。审查过程为生活增添了一点色彩。请评论输入效果的具体效果。

也有博客认为添加这种特殊效果会降低打开网页的速度。事实上,如果我们的网站放置在中国,或者如果CDN或缓存插件已被使用,它是无关的JS代码,这些KB的,所以不用太担心。更多,喜欢使用它。

八卦没什么可说的,这里是如何在WordPress博客网站上添加评论以输入特效:

1、下载activate-power-mode.js文件(压缩,仅5.18KB),并上传到主题的JS文件夹(例如,奈,上传WP-contentthemesNanajs)。

特效代码文件

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

2、将以下代码添加到主题的footer.php文件适当的位置

因为评论时,为了不加载这些JS文件此输入效果时才有用,建议判断添加到代码页或页面,然后加载代码。

8月23日更新

PS:有很多博主说,谁在移动侧打字的时候这个打字效果是特殊的,所以我们可以认为移动终端不显示这种效果,只显示在PC端打字效果。实践是在步骤2中向JS添加判断,具体修改如下:

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

如果所使用主题的footer.php文件中没有此类条件,则建议使用以下代码:

如果你已经有条件代码&lt;?php if(is_single()|| is_page()){?&gt ;,只需将第二步中的代码添加到它。

注意:如果第一次上载的路径不在JS文件夹中,请记住在第二步中引用activate-power-mode.js文件时修改路径。

本站所有资源收集于网络,如有侵权违规请联系联系客服处理删帖,谢谢
52草根资源 » 如何给WordPress博客网站添加评论输入特效

常见问题FAQ

1.关于新手解压出错 必看(附电脑+安卓WINRAR APP)
新手必看 本站资源解压教程:http://www.52cgzy.com/76304/
2.本站Telegram群组链接
本站Telegram群组链接:https://t.me/joinchat/ElyDb9Es_YNjYjdl
3.所有礼包码下载地址:http://www.52cgzy.com/422289/
所有礼包码下载地址:http://www.52cgzy.com/422289
4.各类问题及解决处理方法合集
各类问题及解决处理方法合集:http://www.52cgzy.com/zhanwu/xinshou/

发表评论

提供最优质的资源集合

立即查看 申请友链