WordPress评论框添加指引说明

上一篇博文中说了给评论框添加指引说明的事，有朋友希望我放出代码以免后人再搜索之苦，看到这话我顿时羞涩了。因为我不懂代码，并且我也是找度娘的。

虽自认为小白，但我相信比我白的人多了去，至于大虾们就可以不用往下看了，这点所谓的的技巧根本入不了你们的法眼！

WordPress评论框添加指引说明有几种方式，其中一种是添加评论框背景图片，图片上可以附带说明，这种方式好处是可以采用艺术字，图片可以做得很漂亮。不好的地方则是对移动端的适配比较难搞。对自适应的主题来说背景图尺寸难以把握。

另外一种是直接添加纯文字说明，这是我比较推崇的方式，通过修改主题文件里边的 comments.php 实现的。在版本 3 之前，整个 WordPress 评论框的全部代码都是在主题的 comments.php 文件中的。这使得修改它非常的方便。不过带来的问题就是让主题看起来有些乱。开发人员也注意到了这个问题，然后从 WordPrss 3 开始，评论框就被精简为一个函数了，直接在主题的相应位置调用此函数：<?php comment_form(); ?> 即可生成默认评论的表单。我们在修改主题文件的时候，需要注意自己所使用主题的评论模板，是直接引用该函数还是另行撰写了评论代码，我见网上很多教程对这两者并区分。

如果是主题直接撰写了评论模板代码，那很多东西是一看就能看得到，修改会很方便，例如，在评论框内添加背景说明的文字，“我坚信，评论可以一针见血！”。鼠标点击过去文字就会消失的，直接在主题文件comments.php 寻找这段代码：

<textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea>

将其修改为：

<textarea style="color:gray" onblur="if (this.value == ”) {this.value = ‘我坚信，评论可以一针见血！’;} " onfocus="if (this.value == ‘我坚信，评论可以一针见血！’) {this.value = ”;}" name="comment" id="comment" cols="60" rows="10" tabindex="4">我坚信，评论可以一针见血！</textarea>

如果主题是直接调用 <?php comment_form(); ?> 这个代码生成评论表单的，那修改就要麻烦一些。我没有找到引用该函数方式后，添加评论框背景文字的方法，只能在评论框上方添加说明。这样做可以给文字说明添加超链接，也算是个好处。

打开主题文件comments.php，找到该函数

<?php comment_form(); ?>

在后面补充array参数后，修改为：

<?php comment_form(array(‘title_reply’=>’雁过留声，人过留名’)); ?>

要给说明文字添加蓝色粗体的超链接，添加的文字就要这样

<a href="链接网址"><span style="font-weight: bold;"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 255);">雁过留声，人过留名</a>

教程就到这，对大神来说这些都小儿科的，他们可能有更好的方法，我就不献丑了！

P.S.另外需要注意的是，请不要直接复制代码，虽然这代码看起来是相同，但背后对应的编码有很多地方不一样，在文章显示是中文格式，不能直接用在代码文件中！