接入多说评论
使用插件直接安装即可:http://wordpress.org/plugins/duoshuo/
启用后可自动取代自带评论,可以导入已有的评论。须设置自己的多说账号。
本站已启用多说评论系统。
去除底部版权信息
想删掉底部的“大侠阿木的博客正在使用多说”这样的东西,但是这个东西并不在插件内定义,而是在多说的服务器端。
好在多说提供css自定义功能,利用这个功能可以隐藏掉版权信息
多说CSS自定义的位置:你的插件设置或你的多说主页(http://用户名.duoshuo.com/admin/settings)—— 多说评论 —— 个性化设置 —— 基本设置 —— 自定义CSS
在其中填写:#ds-thread #ds-reset .ds-powered-by{
display:none;
}
保存即可。
但是这样造成一个问题,多说评论框底部和页面footer之间没有空隙了,非常难看,如何修改呢?最初的方法是沿用同样的思路修改多说的CSS样式,再加一句
#ds-thread {
bottom:10px;
}
即可留出10px的空隙
但是这个值不能过高,太高的话就……你试试就知道了,而且10px还是不好看。
所以这个方法并不完美,我是那么容易放弃的人么?才不是呢。
继续在博客本身的下手,稍加研究就找到了一个非常简便的方法(有时候自己都佩服自己,唉,真是没办法)
编辑主题的single.php,到最下面,找到最后一个</div>
在它上面一行加上<br><br>,然后保存,over。
为什么这么简单?哈哈这两个是换行符,相当于在下面空了两行,距离footer的距离,和自带原评论一样了,不赖不赖。
补充其他的css自定义
一、将评论框底部的分享到微博QQ空间什么的隐藏起来
.ds-sync{
display:none !important;
}/隐藏评论框底部分享/
二、定义评论框背景
.ds-textarea-wrapper.ds-rounded-top{
background: #ffffff url(你想设置的评论框背景图片地址) no-repeat right bottom !important;
}/定义评论框背景/
url换成你自己想要的图片地址就行了,貌似需要绝对路径吧,不清楚,我用的是绝对路径。
三、隐藏评论框底部渐变背景
ds-reset .ds-gradient-bg{
background:none !important;
}/设置评论框下方渐变/
话说渐变色什么的虽然立体感较强但是和主题整体风格不融洽,隐藏之,这样底部就是透明的了。
四、定义评论框内字体
ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
font-family: ‘微软雅黑’ ‘Microsoft Yahei’!important;
font-size:12px;
letter-spacing:1px;
}/定义评论框内字体/
这个好像是定义评论框内输入的文字字体的,嗯,好像是。
五、定义发布按钮字体,以及渐变色背景
ds-thread #ds-reset .ds-post-button{
font-family: ‘微软雅黑’ ‘Microsoft Yahei’!important;
font-weight: bold;
font-size:12px;
background:none !important;
color:#49976b !important;
}/定义发布按钮字体以及渐变背景/
六、隐藏评论右上方 最热 最新排序按钮
ds-thread #ds-reset .ds-sort {
display:none;
}/隐藏最新最热等/
七、隐藏评论左上方 评论总数背景色及边框
ds-thread #ds-reset li.ds-tab a.ds-current{
background:none;
border:none;
}/隐藏评论总数背景及边框/
八、隐藏底部多说版权
ds-thread #ds-reset .ds-powered-by{
display:none;
}/隐藏多说底部版权/
九、定义各种文字高亮颜色,以及浮动窗口的高亮颜色,配合模板颜色把以下色值统一设置即可。
ds-reset .ds-highlight{
color:#49976b !important;
}/定义高亮字体颜色/
ds-thread #ds-reset #ds-bubble a{
color: #49976b !important;
}/定义评论框内其他高亮颜色/
ds-thread #ds-reset #ds-bubble {
color: #49976b !important;
}/定义评论框内其他高亮颜色/
ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a{
color: #49976b !important;
}/定义评论框内其他高亮颜色/
ds-thread #ds-reset a.ds-comment-context:hover{
color: #49976b !important;
}/定义评论框内其他高亮颜色/
ds-thread #ds-reset a.ds-comment-context{
color: #49976b !important;
}/定义评论框内其他高亮颜色/