现在的位置:首页>wordpress>正文

wordpress网站评论栏制做背景文字或背景图片

2012年12月27日 ⁄ 共 965字 暂无评论

经常能看到一些网站的评论栏中会有一个十分赏心悦目的图片,其实要制做这个背景图片是十分容易的,只是我们要关心一件事,那就是图片不要太大就好了,制做步骤如下:

首先找一张你认为适合你的评论栏的图片,上传到当前主题images文件夹中.然后在你的CSS样式文件中找到以下内容:

#commentform textarea

在其下方加入以下代码:

background:url(images/comment.GIF) no-repeat 50% 50%;

将上面的红色文件名改为你刚上传的文件名就可以了.可能有的朋友会在CSS样式文件找不到commentform textarea这一项,那就试着找找#respond textarea这个,我的主题就是#respond textarea这个名字.

加入背景文字也很简单,在你的主题文件夹中找到comments.php文件,找到以下代码:

<textarea id="comment" tabindex="4" cols="45" name="comment" rows="9"></textarea>

将上面的代码更换为以下内容:

<textarea id="comment" style="color: gray;" tabindex="4" cols="45" name="comment" rows="9" onfocus="if (this.value == '福利老幺提示您:进来了要记得留言哦,说多说少都没关系,留言也是一种美德') {this.value = '';}" onblur="if (this.value == '') {this.value = '福利老幺提示您:进来了要记得留言哦,说多说少都没关系,留言也是一种美德';} ">福利老幺提示您:进来了要记得留言哦,说多说少都没关系,留言也是一种美德</textarea>

效果如下所示:

点击上图中的评论框,默认文字就会自动消失.回到你的文章页面看看,是不是已经出现了你想要的效果.

背景文字或背景图片能在一定程度激发浏览者的评论欲望,所以找一张好的图片或写几句能让人开心的话就显得很有必要了.至于图片,最好能看看我之前的wordpress博客图片使用Caesium压缩优化这篇文章,再将自已的图片压缩一下以利于评论框的加载速度.

给我留言