使用过wordpress博客程序的站长朋友都知道wordpress自带的留言模板这一板块是没有统计字数的功能的,但是有的时候为了更加方便的对流量模板进行管理和统计以及留言板块的规范化,有一些使用wordpress的站长朋友会在留言模板增加统计字数的功能,所以今天小编要给各位站长朋友讲解的是,在独立ip虚拟主机环境下,给wordpress博客程序的留言模板增加字数统计功能的方法。
首先我们找到当前主题所使用的js文件,在这个文件里面添加一段用来统计留言字数的js代码:
function checktext(text) { allValid = true; for (i = 0; i < text.length; i++) { if (text.charAt(i) != " ") { allValid = false; break; } } return allValid; } function xx(message,total,used,remain) { var max; max = total.value; if (message.value.length > max) { message.value = message.value.substring(0,max); used.value = max; remain.value = 0; alert("留言不可多余300字!"); } else { used.value = message.value.length; remain.value = max - used.value; } }
接着我们找到评论模板的comments.php文件,将:
<p><textarea name="comment" id="comment" tabindex="4"></textarea></p> 这一行代码修改为: <span class="cs"> <span class="csc"> <input name="total" size="2" value="300" class="inputtext"> <input name="remain" size="2" value="300" class="inputtext"> </span> 留言不可多余300字,已经输入了:<input name="used" size="2" value="0" class="inputtext"> </span> <p><textarea name="comment" id="comment" tabindex="4" onKeyDown="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);" onKeyUp="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);"></textarea></p>
以上代码中的“300”就是字数限制的值,这个值大家根据自己的需要修改即可。
到这里还没有结束,最后我们还需要添加一段css代码:
.cs { float: right; color: #123123; } .csc { display:none; } .inputtext { height:15px; color: #ccc; border:none; background: transparent !important; }
以上css样式中的颜色和高度等参数大家也是根据自己的需要进行修改即可,保存好数据,到这里全部的操作就已经完成了,如此一来,在用户提交留言不符合规范时就会提出警示框提示用户,但不会直接影响留言提交哦,这里需要注意一下。
猜你喜欢