给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中保存即可。

给Wordpress的评论区加背景图片,让评论框不在单调
效果图

其他主题:

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

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

这里我们就以南逸博客为例,他是子比主题,发现他的元素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修改下就好啦,最后保存下。

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

给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
给Wordpress的评论区加背景图片,让评论框不在单调
版权声明 1 本网站名称:west2技术频道
2 本站永久网址:https://west2.cn
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系邮箱:west2@qq.com
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
(1)
打赏 微信扫一扫 微信扫一扫
上一篇 2022年8月23日 下午5:03
下一篇 2022年8月24日 上午1:04

猜你喜欢

发表回复

登录后才能评论