关注网络资源
用心与您分享

WordPress美化小技巧 如何在WordPress评论框添加背景图片

10.1长假结束后人都是懵的,假期期间关注蜗牛789的朋友知道,蜗牛更新文章频率没有之前那么频繁,由于老弟有喜事,忙上忙下的无法顾及,但蜗牛没有忘记关注蜗牛789的网友,出门在外都是带着笔记本跑,一有时间就更新文章。假期结束后恢复正常工作了,手头积压事情比较多,基本都是晚上抽时间更新博客,最近两天都是奋战到凌晨1-2点。

好长时间没有分享与WordPress相关的文章了,今天在这里为大家分享一个关于WordPress评论框美化的小技巧——为评论框添加自定义背景图片。

修改方法很简单,一般是通过修改主题的“style.css”文件来完成,当然有些可能是“main.css”。我们只需在“style.css”或者“main.css”文件里找到“#comment”样式的代码,然后在其下面添加如下代码即可:

#comment {width:470px;background-image:url(图片地址);background-repeat:no-repeat;background-position:right bottom;}

上面代码中“(图片地址)”请用自己需要设置的背景图片地址所代替“图片地址”,“()”需要保留。另外图片大小为了美观起见推荐尺寸为:470*170。图片效果大家可以根据自己需要进行编辑,可以在要设置的背景图片上加水印。下图是蜗牛添加后的效果展示:

另外此方法还存在一个瑕疵,手机端显示兼容不太好。

 

 

最后在这里为大家分享一些评论框背景素材

About 蜗牛

【声明】:蜗牛789站内所有资源均来自网络,由于网络资源安全性未知,使用前请自行甄别。蜗牛从不强制任何人使用或购买本站介绍的资源,如因自愿选择使用造成的损失自行承担!本博客若无意侵犯到您的权利,请及时与我们联系,我们将在48小时内删除侵权内容!

未经允许不得转载:蜗牛789 » WordPress美化小技巧 如何在WordPress评论框添加背景图片
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址