快好知 kuaihz

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

(转自明月博客和boke123合并此文)最近很多博主都留言说明月博客的评论输入特效很炫酷,我自己也很喜欢,在输入评论时跟随光标弹出烟花很是炫酷(还可以开启屏幕震动哦!),这还是明月在【闲鱼博客】上获得的,首先要感谢【闲鱼博客】的无私分享。今天我就借花献佛也分享给大家!

首先要下载这个JS代码,上传到网站目录(具体哪里随意)

1、下载activate-power-mode.js文件(已压缩,仅有5.18KB),并上传到主题的 JS 文件夹中(如 Nana 为例,就上传 wp-content hemesNanajs)。

特效代码文件下载: [reply] 地址一:https://pan.baidu.com/s/1c3QcLg 地址二:https://pan.baidu.com/share/init?surl=qYGk08G      ,     密码(vfrx) [/reply]

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

<script src=“/js/activate-power-mode.js “>

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

8月23日更新

PS:有很多博主反馈说这个打字特效在移动端打字时特别卡,所以我们可以考虑移动端不显示这个特效,仅仅在 PC 端显示这个打字特效即可。做法就是给第2步的JS添加一个判断,具体修改如下:

如果所使用主题的 footer.php 文件内没有这个判断条件的话,建议使用以下代码

<script src=“/js/activate-power-mode.js “>

如果已经有判断条件代码 ,只需要将第二步的代码添加在里面即可。

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

重要声明

本文所使用的.js文件代码及方法均来自闲鱼博客分享的《WordPress优化:给博客添加评论输入特效》这篇文章,本文仅对 activate-power-mode.js 文件进行压缩,从原来的9.29KB压缩成5.18KB,并把步骤具体化而已。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:WordPress  WordPress词条  特效  特效词条  输入  输入词条  添加  添加词条  如何  如何词条  
优化

 seo前线视频教程

seo前线开创者张闻一(ZERO),录制的seo教程,浅显易懂,且其中包含的思想具备极强的借鉴意义,关于seo前线的介绍如下: 张闻一(ZERO),自2010年...(展开)

优化

 手机网站优化有什么规范?

 【珠海SEO】手机网站优化有什么规范?  手机网站优化有什么规范?怎样才能进行有效合理的移动搜索优化?下面就来一起了解一下吧。  百度为手机网站优化提供建站规...(展开)

优化

 在HTML中如何使用关键字

【长沙百度优化】在HTML中怎样行使关键字 搜索引擎优化或搜索引擎优化是网页计划中一个重要且常常被误解的方面。搜索引擎的发明明然是任何网站乐成的一个重...(展开)