【WordPress 教程】让评论框不再单调，为评论框添加背景图片

孤狼

171
文章

113
评论

2019年4月6日07:42:454724,288 934字阅读3分6秒

摘要

大家有没有觉得自己的WordPress网站评论框太过单调了吗？你想要以下的评论框背景吗？今天就带大家如何实现WordPress评论框背景！

【效果展示】

【修改方法】

方法很简单一学就会，是通过CSS修改添加的：首先由于主题不同，所以我的CSS和大家并不一样！因此，我们需要找到评论框所在CSS！我使用的是知更鸟主题LTS版本，用这个版本的可以直接添加自定义样式代码使用，其它主题可以参考这个方法。

然后打开您的主题style.css文件，找到#comment，插入如下代码：

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

【完整代码】

此处为隐藏的内容

发表评论并刷新，方可查看

【代码作用】

其中background-image，表示背景图片的地址，可以是绝对地址，也可以是相对地址（相对于style.css文件来说的，以上代码是相对地址，也就是主题的images；绝对地址就要包含域名的完整路径）
background-repeat，该属性表示是否重复，no-repeat为不重复，默认不重复。重复样式如下图，满满的一大屏。