主机、服务器测评
服务器促销信息及建站资源分享

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

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

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

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

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

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

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

 

 

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

WordPress美化小技巧 如何在WordPress评论框添加背景图片插图3 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图4 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图5 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图6 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图7 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图8 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图9 WordPress美化小技巧 如何在WordPress评论框添加背景图片插图10

赞(1)
聲明:
1、本博客不從事任何主機及服務器租賃業務,不參與任何交易,也絕非中介。博客內容僅記錄博主個人感興趣的服務器測評結果及一些服務器相關的優惠活動,信息均摘自網絡或來自服務商主動提供;所以對本博客提及的內容不作直接、間接、法定、約定的保證,博客內容也不具備任何參考價值及引導作用,訪問者需自行甄別。

2、訪問本博客請務必遵守有關互聯網的相關法律、規定與規則;不能利用本博客所提及的內容從事任何違法、違規操作;否則造成的一切後果由訪問者自行承擔。

3、未成年人及不能獨立承擔法律責任的個人及群體請勿訪問本博客。

4、一旦您訪問本博客,即表示您已經知曉並接受了以上聲明通告。

文章名稱:《WordPress美化小技巧 如何在WordPress评论框添加背景图片》
文章鏈接:https://www.zhuji999.com/10324.html