如何为WordPress评论框添加提示文字?

admin
admin
admin
374
文章
102
评论
2021年3月13日11:43:53
评论
520

如何为WordPress评论框添加提示文字?

近期有朋友问我,品自行WordPress博客评论框里面的提示文字是怎么搞?这里给大家说一下,个别主题自带有设置评论提示文字的功能,因为品自行博客用的知更鸟主题就有这个功能,在博客后台-主题选项-辅助功能里面可以找到设置评论提示文字的地方:

如何为WordPress评论框添加提示文字?

默认的是评论提示文字是“让评论多一点真诚,少一点套路!”,可以直接改成自己想要的文字。

但如果博客主题没有设置评论提示文字的功能怎么办呢?

直接在ftp下面修改主题文件目录下面的comments.php文件,比如洛米主题Loostrive就没有这个功能,我们直接修改/wp-content/themes/Loostrive/comments.php这个文件即可:

打开当前使用主题的comments.php文件,找到类似以下代码:

代码比较多不好找,请直接用代码编辑器代开以后,CTRL+F搜索“textarea”即可。

<textarea name="comment" id="comment"  class="comt-area" tabindex="4" cols="50" rows="5" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"></textarea>

修改为以下代码。

<textarea name="comment" id="comment" placeholder="分享内容不容易,请回复有效内容!否则不予批准!" class="comt-area" tabindex="4" cols="50" rows="5" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"></textarea>

其实就是找到 textarea 文本框,然后加上placeholder属性即可,提示文字根据自己需求自行修改即可。

这里拓展一下placeholder 属性定义和用法

placeholder属性是html5下新增的一个属性,提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

admin
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: