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

2018年1月16日10:04:22 发表评论 695

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-repeatno-repeat;
  4. background-positioncenter;
  5. }

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

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

评论框添加图片效果图

 



版权声明:本文由江西SEOSEO原创或整理发布,欢迎分享! 更多优化知识请查看 SEO教程

本文链接:https://www.zhushuming.cn/4674.html

weinxin
博客之家
欢迎加入博客之家,本站的资源也都会上传到博客之家。当然,更多的是交流~

发表评论

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