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

云墨
云墨
云墨
647
文章
0
评论
2018年9月17日 评论 2,362

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美化:修改评论框提示或给评论框添加图片

1. 如有链接无法下载、失效或广告,请联系QQ:181289218 处理!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年9月17日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1997.html
WordPress回复评论自动添加@评论者的修改方法 网站建设

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

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

发表评论

匿名网友