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

沃森博客 2017年9月17日13:23:50WordPress1 1,1133阅读模式

添加文本提示

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

沃森博客
  • 本文由 发表于 2017年9月17日13:23:50
  • 本文来自互利网收集整理,问题反馈联系邮箱:wosnnet@foxmail.com,转载请务必保留本文链接:https://wosn.net/599.html
评论:1   其中:访客  1   博主  0
    • 123123
      123123 0

      评论图片

    发表评论