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

2017年9月17日13:23:50 发表评论 656

添加文本提示

在主题根目录中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>

评论框中就会出现:“欢迎来到沃森博客,评论前请先仔细阅读文章内容,禁止发表广告和内容无关的内容。”字样。

添加美化图片:

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

然后根据自己网站情况来修改css吧

本博代码:

  1. #commentform?textarea?{background-image:url(http://wosn.net/wp-content/uploads/commentbg/WOSN_NET_commentbg5.png);background-repeat:no-repeat;background-position:center;}

AD支持一下沃森博客,请点这里一下!

参考文章:https://www.mom1.cn/3094.html

历史上的今天:

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

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