WordPress美化:修改评论框提示或给评论框添加图片

云墨
云墨
云墨
572
文章
11
评论
2018年9月17日 2 258

WordPress美化:修改评论框提示或给评论框添加图片

WordPress修改评论框提示或给评论框添加图片。自带的WordPress程序,评论框是空的,许多主题也是没有对这个位置有所改动。所以,喜欢折腾的朋友就需要自己来折腾下。这里朱曙明博客提供两种方法给大家选择,给评论框添加提示或者是给评论框添加图片,自己来折腾美化下~

WordPress美化:修改评论框提示或给评论框添加图片

给评论框添加提示

已知更鸟为例。在主题文件中找到comments.php文件,在这文件中找到以下代码:

  1. <p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p>

将其修改为以下代码。

  1. <p class="comment-form-comment"><textarea placeholder="欢迎来到朱曙明博客,评论前请先仔细阅读文章内容,禁止留言垃圾评论" id="comment" name="comment" rows="4" 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><!-- 修改提示语言 -->

给评论框添加图片

已知更鸟为例。F12找到评论框的css,在主题文件中给评论框css添加以下代码,或者将以下代码添加到主题选项→定制风格,“自定义样式”中。

  1. #comment {
  2. background-image:url(/wp-content/uploads/2018/01/2018010409481687.png);
  3. background-repeat: no-repeat;
  4. background-position: center;
  5. }

以上代码可以根据自己喜好更改,图片可以自行更改,喜欢本站的这个,可以直接下载去使用。

WordPress美化:修改评论框提示或给评论框添加图片

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年9月17日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1997.html
WordPress回复评论自动添加@评论者的修改方法 网站建设

WordPress回复评论自动添加@评论者的修改方法

有网友留言,问我这个@昵称回复如何实现的?如下图: 其实之前我也看到很多博客有这样的功能,但是我是在后台审核并回复评论的,之前有好几次因为没注意评论信息栏的:回复给***,还以为是给我的留言,所以给人...