WordPress评论框美化添加提示文本

很多WordPress主题自带的评论框都是空白的，比较简陋，显得对读者不够友好。码农场提供一段代码实现在空白的评论框里面添加一段提示文本。

首先打开你的主题下面的comments.php文件，查找这么一段“name="comment"”，在我的主题里对应这下面这段：

<textarea name="comment" id="comment" cols="93" rows="9" onkeydown=" if(event.altKey && window.event.keyCode == 83) {document.getElementById('submit').click();return false} if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea>

熟悉HTML的朋友应该看出这一段就是控制评论框的代码，这一段定义了名称，ID，长宽和快捷键动作。我们要添加默认的提示文本也应该是在这里修改。我希望有这样一种效果，当读者看到评论框的第一眼，就发现里面有一段话恳请他留下评论，等他的鼠标定位到评论框的时候，这段文字就自动消失。假如他没有写下什么，并且鼠标又离开了，这段话又跑出来提醒他。这种效果的实现如下：

onblur="if (this.value == '') {this.value = '说点什么吧，您的回复是码农场急需的肥料！';} " onfocus="if (this.value == '说点什么吧，您的回复是码农场急需的肥料！') {this.value = '';}"

整合到上面的评论框textarea之后，也就是插入到textarea标签里面。就应该是下面这段代码：

<textarea name="comment" id="comment" cols="93" rows="9" onkeydown=" if(event.altKey && window.event.keyCode == 83) {document.getElementById('submit').click();return false} if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};" style="color:gray" onblur="if (this.value == '') {this.value = '说点什么吧，您的回复是码农场急需的肥料！';} " onfocus="if (this.value == '说点什么吧，您的回复是码农场急需的肥料！') {this.value = '';}">说点什么吧，您的回复是码农场急需的肥料！</textarea>

当然提示文本你可以自己替换。

美化之后的效果：

 知识共享署名-非商业性使用-相同方式共享：码农场 » WordPress评论框美化添加提示文本