逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

大家有没有觉得自己的wordpress网站评论框太过单调了吗?你想要以下的评论框背景吗?今天逍遥乐就带大家如何实现逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

方法很简单一学就会,是通过CSS修改添加的:

首先由于主题不同,所以我的css和大家并不一样!因此,我们需要找到评论框所在css!

常见的浏览器高速模式、谷歌浏览器都有审查元素功能,评论框右键“”审查元素“;火狐浏览器推荐firebug插件,评论框上右键使用firebug查看元素,当然了,也可以使用浏览器自带的查看元素!

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

找到评论框所使用的id或者class,以逍遥乐IT博客为例,就是comt-area,然后打开您的主题style.css文件,找到comt-area类或者id,插入如下代码:

background-image:url(images/commentbg.png);
background-repeat:no-repeat;
background-position:center center;

其中background-image,表示背景图片的地址,可以是绝对地址,也可以是相对地址(相对于style.css文件来说的,以上代码是相对地址,也就是主题的images;绝对地址就要包含域名的完整路径)
background-repeat,该属性表示是否重复,no-repeat为不重复,默认重复。
background-position,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位。


如下:

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

最后保存,ftp上传style.css到主题文件夹覆盖就可以了!当然还有不要忘了上传背景图片哦!

下面再给大家推荐几个网络上收集的图片:

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!

逍遥乐教程:为WordPress评论框添加背景图片!超简单,让评论框不再单调!