现在很多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; }
cy 2014/04/21 09:48
你该研究下:如何设置评论框背景,点击鼠标消失
Specs 2014/04/21 09:56
@ 类似于 placeholder 设置文字那样?
cy 2014/04/24 12:39
@ 应该是吧。
Specs 2014/04/24 14:15
@ 好弄啊 你看看是现在这个效果吗?
cy 2014/04/25 09:46
@ 不是。我是说,鼠标光比点击之后,文字就消失了。
Specs 2014/04/25 10:07
@ 不是鼠标点进评论框后背景消失吗?我现在把那个功能去了,文章最后写了方法
cy 2014/04/26 23:01
@ 看到了,不错不错,哈哈
阿塔历斯 2014/04/26 13:29
我怎么看,非常不错
Specs 2014/04/26 20:18
@ 嘿嘿~
糯米汇 2014/06/10 11:12
很详细!
IT人生路 2015/03/08 20:51
谢谢博主分享。