首页 » 开源/框架 » WordPress » 正文

如何修改多说评论的背景

现在很多Wordpress用户的评论都使用的多说,今天就来说下怎么美化多说评论框。

首先,多说提供了三种主题可供选择,我们可以在控制面板的“多说评论”–“主题设置”来更换主题。

其次,我们还可以自定义评论列表的文本,我们可以在控制面板的“多说评论”–“个性化设置”–“自定义文本”来更换成更加个性的文字。

最后呢,下面才是重点,就是怎么给多说评论框添加背景图片呢?比如我的评论框是这样的。你可以选择自己喜欢的图片来设置。

多说背景

总共分三步

第一步:把冰箱门打开…我们要把评论框中默认的文字“说点什么吧…”去掉,可以在“多说评论”–“个性化设置”–“自定义文本”中找到“说点什么吧…”,把里面的文字去掉即可。

第二步:把大象赶进去…我们把下面的代码帖到“多说评论”–“个性化设置”–“基本设置”中的“自定义CSS”文本框中

#ds-thread #ds-reset .ds-textarea-wrapper textarea {
    background: url("你的图片路径") no-repeat scroll center center transparent;
}

第三步:把冰箱门关上…拉到“基本设置”页面最下,点击“保存”。

完成以上三步,打开一篇文章看看,评论框背景是不是已经替换了?

当然了,所有这些操作你也可以在多说官网登录你的帐号,然后进行操作。

 

PS:回复网友 @c y 的问题,如果想要实现评论框获取焦点时背景图消失,加上下面的代码就行了

#ds-thread #ds-reset .ds-textarea-wrapper textarea:focus {
    background-image: none;
}

本文共 11 个回复

  • cy 2014/04/21 09:48

    你该研究下:如何设置评论框背景,点击鼠标消失

    • Specs 2014/04/21 09:56

      @ cy 类似于 placeholder 设置文字那样?

      • cy 2014/04/24 12:39

        @ Specs 应该是吧。

        • Specs 2014/04/24 14:15

          @ cy 好弄啊 你看看是现在这个效果吗?

          • cy 2014/04/25 09:46

            @ Specs 不是。我是说,鼠标光比点击之后,文字就消失了。

            • Specs 2014/04/25 10:07

              @ cy 不是鼠标点进评论框后背景消失吗?我现在把那个功能去了,文章最后写了方法

              • cy 2014/04/26 23:01

                @ Specs 看到了,不错不错,哈哈

  • 阿塔历斯 2014/04/26 13:29

    我怎么看,非常不错

  • 糯米汇 2014/06/10 11:12

    很详细!

  • IT人生路 2015/03/08 20:51

    谢谢博主分享。

发表评论