wordpress网站怎么美化评论框

先看结果 , 是不是很心动?其实很简单 , 跟着小编一路来进修把 , 若何美化wordpress网站的评论框 。

wordpress网站怎么美化评论框

文章插图

需要这些哦
心怡的图片
wordpress网站
方式/
1在本家儿标题问题录中找到comments.php文件

wordpress网站怎么美化评论框

文章插图

2打开comments.php文件找到以下代码 , 点窜为以下 , 如许你评论框就会多出你怎么看的文字
<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网站怎么美化评论框

文章插图

3找到一个你喜好评论美化图片 , png最好

wordpress网站怎么美化评论框

文章插图

4在本家儿题样式CSS里添加以下代码XX为网址路径一般是main.css
#commentform textarea {background-image:url(http://xxxxxxxxxx/2.png);background-repeat:no-repeat;background-position:center;}

wordpress网站怎么美化评论框

文章插图

5【wordpress网站怎么美化评论框】最后再到网站前台刷新评论处看看吧

wordpress网站怎么美化评论框

文章插图

注重事项注重CSS要放到本家儿题样式CSS里
若是有帮到你 , 请点个赞、投一票帮忙更多的人

以上内容就是wordpress网站怎么美化评论框的内容啦 , 希望对你有所帮助哦!

    推荐阅读