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

孤狼
孤狼
孤狼
171
文章
113
评论
2019年4月6日07:42:454124,049 934字阅读3分6秒
摘要

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

【效果展示】

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

【修改方法】

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

然后打开您的主题style.css文件,找到#comment,插入如下代码:
  1. background-image:url(images/commentbg.png);
  2. background-repeat:no-repeat;
  3. background-position:center center;

【完整代码】

此处为隐藏的内容
发表评论并刷新,方可查看

【代码作用】

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

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

background-position,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位。

最后保存,ftp上传style.css到主题文件夹覆盖就可以了!当然还有不要忘了上传背景图片哦!

【背景图片】

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

继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
孤狼
  • 本文由 发表于 2019年4月6日07:42:45
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
【新年气象】过年啦WordPress 主题添加挂灯笼特效 WordPress

【新年气象】过年啦WordPress 主题添加挂灯笼特效

过年挂灯笼是中国的一个习俗,家里挂灯笼,自己博客也是自己的家,当然也要挂一个了。代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。这个灯笼只是简单应...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:41   其中:访客  40   博主  1
    • 白君 白君

      别来无恙的意思,就是你别来,我无恙。

      • 私宠 私宠

        可以可以

        • 晴天 晴天

          感谢分享

          • v八八八八八八八 v八八八八八八八

            久在樊笼里,复得返自然—-【东晋·陶渊明·归园田居其一】

            • 你奈我何 你奈我何

              感谢分享

              • 你好 你好

                多情只有春庭月,犹为离人照落花—-【唐·张泌·寄人】

                • 小哥哥 小哥哥

                  春蚕到死丝方尽,蜡炬成灰泪始干—-【唐·李商隐·无题】

                  • 宝贝憨憨 宝贝憨憨

                    十年一觉扬州梦,赢得青楼薄倖名—-【唐·杜牧·遣怀】

                    • WorldHim WorldHim

                      红豆生南国,春来发几枝?愿君多采撷,此物最相思。—-【相思(唐王维)】

                      • . .

                        海上生明月,天涯共此时—-【唐·张九龄·望月怀远】