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

沃森博客
沃森博客
沃森博客
1421
文章
9
评论
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
      2019年4月16日 13:04 1F

      评论图片

    发表评论