!
也想出现在这里? 联系我们
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中
当前位置:首页>wordpress> 给WordPress的评论区加背景图片,让评论框不在单调

给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的评论区加背景图片,让评论框不在单调插图1

这里我们就以南逸博客为例,他是子比主题,发现他的元素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的评论区加背景图片,让评论框不在单调插图2
给WordPress的评论区加背景图片,让评论框不在单调插图3
给WordPress的评论区加背景图片,让评论框不在单调插图4
给WordPress的评论区加背景图片,让评论框不在单调插图5
给WordPress的评论区加背景图片,让评论框不在单调插图6
给WordPress的评论区加背景图片,让评论框不在单调插图7
给WordPress的评论区加背景图片,让评论框不在单调插图8
给WordPress的评论区加背景图片,让评论框不在单调插图9
给WordPress的评论区加背景图片,让评论框不在单调插图10
重要声明

本网站的文章部分内容可能来源于网络,如有侵犯你的权益请联系邮箱:west2@qq.com 站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!本站资源大多存储在云盘,如发现链接失效请反馈,我们会及时更新。


       

如果遇到积分购买才可查阅的文章,建议升级会员或者成为认证用户。全站95%资源免费下载”。

给TA打赏
共{{data.count}}人
人已打赏
wordpress

WP插件-教你解决Wordfence配置安装过程无法优化(修改).user.ini

2022-8-23 17:03:09

wordpress

给Wordpress评论区设置评论显IP、操作系统、浏览器信息

2022-9-4 19:31:11

2 条回复 A文章作者 M管理员
  1. xy506

    人的一切痛苦,本质上都是对自己的无能的愤怒

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
联系我们