给WordPress的评论区加背景图片，让评论框不在单调

前言：

首先由于主题不同，所以我的CSS和大家并不一样！因此，我们需要找到评论框所在CSS！我使用的是JustNews主题，用这个版本的可以直接添加代码使用。

JustNews主题CSS：

#comment,.comment-must-login {
	background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/1644052207-pl.webp);
	background-repeat:no-repeat;
	background-position:right center;
	transition-duration:.5s;
}
#comment:focus {
	background-position-x:800px;
}

其中background-image:url里面的图片网址 你需要保存下来 换成你自己的，复制以上代码放在主题设置–插入代码–自定义CSS中保存即可。

其他主题：

常见的浏览器高速模式、谷歌浏览器都有审查元素功能，在你的评论框上右击鼠标”审查元素“

这里我们就以南逸博客为例，他是子比主题，发现他的元素ID为：comment所以下面的CSS开头我们就得改成comment

#comment{
	background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/1644052207-pl.webp);
	background-repeat:no-repeat;
	background-position:right center;
	transition-duration:.5s;
}
#comment:focus {
	background-position-x:800px;
}

按照你自己当前主题的情况而变动，然后打开你的CSS修改下就好啦，最后保存下。

最后分享点好看的背景图片：