多说插件代码调用,如侧边栏调用最新评论条数修改 wp emlog - 贝壳iT,beikeit.com
多说插件代码调用,如侧边栏调用最新评论条数修改 wp emlog

1 评论框左右边距
如果你的评论框左右边距过小(评论框太宽),输入下列代码调整宽度,直到页面上评论框宽度显示合适:
  1. #ds-thread  {padding:24px;}

  1. #ds-thread {margin:24px;}

如果你的评论框太窄,可能是宽度被设定了不合适的值,输入下列代码让宽度自动拉伸:
  1. #ds-thread {width:auto;}



2 评论框整体的背景色
多说评论会采用主题的背景色作为整体评论框的背景,这样可能导致评论本身不是很显眼。你可以输入下列代码来更改整体评论框的背景颜色:
  1. #ds-thread {background: #8AF1FF;}

这个评论背景的边角默认是直角,如果想改成圆角,请输入下列代码(仅在firefox,chrome及高版本ie浏览器下有效,ie6,7,8将仍然为直角显示):
#ds-thread{ border-radius: 5px;}
注意:其中的#8AF1FF 可以被替换为你希望的颜色,以便于评论文字相适应。


3 高亮字体的颜色
高亮字体包括“n条评论”,“n条微博”,评论者名字的颜色,想修改它的显示颜色(在大多数情况下默认是红色),输入下列代码
  1. #ds-thread #ds-reset .ds-highlight{color: #8AF1FF !important;}



4 更改评论字体颜色
想修改评论正文的字体颜色,请输入下列代码:
  1. #ds-thread #ds-reset .ds-comment-body p {color: #ffffff;}

当您在修改一部分上面未示例的标签样式时,遇到无效的情况,请尝试增加:
!important


5更改最近访客头像大小
想要修改最新访客头像的大小,请输入下列代码:
  1. #sidebar .ds-avatar img {width: 30px;height: 30px;}

其中30px是宽和高,请根据自己想要的效果修改不同高度和宽度


6修改评论调用评论者名称的颜色
  1. #ds-recent-comments .ds-meta a{color: #0086E3 !important;}

有部分wordpress主题可能不支持小工具,而有的博主想在侧边栏调用多说的最新评论,那在你主题的sidebar.php文件中需要调用的地方加入如下代码就行:
多说侧栏调用代码是
  1. <ul data-num-items="10" data-show-avatars="1" data-show-time="1" data-show-title="0" data-show-admin="1" data-excerpt-length="70"></ul> <script type="text/javascript"> var duoshuoQuery = {short_name:"example"};
  2. (function() {var ds = document.createElement('script');ds.type = 'text/javascript';ds.async = true;ds.src = 'http://static.duoshuo.com/embed.js';ds.charset = 'UTF-8';
  3. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
  4. })();</script>

代码说明:


data-num-items="10"     //显示最新评论的条数 data-show-avatars="1"   
//是否显示头像,1:显示,0:不显示
data-show-time="1"      //是否显示时间,1:显示,0:不显示
data-show-title="0"     //是否显示标题,1:显示,0:不显示
data-show-admin="1"     //是否显示管理员的评论,1:显示,0:不显示
data-excerpt-length="70"//最大显示评论汉字数




注意一点的是:
var duoshuoQuery = {short_name:"example"};
example是注册多说评论时候的二级域名,注意只要前面的example(你自己申请二级域名时填写的域名前缀)就可以了,我曾经在侧栏调用过多说,这里写成全部二级域名,却怎么样都没效果,试了好久才知道是这个原因.如下图:
 
全文完