以iNove风格为例,评论文件就是comment.php,打开此文件,发现评论框是用textarea代码来控制,并且textarea文本区域对应的CSS样式表ID为comment,这样我们就到主题样式表style.css里找到#comment代码,这个就是定义评论框的样式的,我们发现原来的代码为:

#comment {width:601px;} 

改这个代码来实现给评论框添加上背景图片,修改完的代码如下:

#comment {width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}

代码解释: 

[caption id="attachment_249" align="alignright" width="374" caption="WP评论框添加漂亮的图片背景"]WP评论框添加漂亮的图片背景[/caption]

   width:是定义评论框的宽度;

   background-image:url(图片地址:这里的图片可以绝对地址,也可以是相对地址,相对地址是相对style.css文件。

   background-repeat:no-repeat:定义图片是不是重复;

   background-position:right bottom:定义图片对齐方式,这里是向右、底对齐。

   之后你做个图片上传到你的空间,图片地址要和设置地址一致,建议图片宽度不要大于文本区域宽度,高度在200以内。

Last modification:June 25, 2021
如果解决了你的困扰, 赏杯咖啡吧!
正文字体: 苍耳字库(屏幕显示字体)·苍耳今楷