wordpress调用多说最近访客设置技巧

点击预览

511遇见留言板

511遇见

对于通用代码,或WordPress主题不支持小工具,可以通过添加代码来调用【最近访客】,请在页面中添加以下代码

注意修改您的多说二级域名:(在多说后台设置中找到,格式如abcd.duoshuo.com,只需填 abcd 即可)

<ul class="ds-recent-visitors"></ul>
<!--多说js加载开始,一个页面只需要加载一次 -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"您的多说二级域名"};
(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';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!--多说js加载结束,一个页面只需要加载一次 -->

其中,以下代码是必须的。而在每个页面中,如果使用多个多说控件,只需要添加一次多说js

<ul class="ds-recent-visitors"></ul>

参数说明

data-avatar-size="45" //显示访客头像尺寸大小
data-num-items="12"  //至多显示访客的数量

添加在下面

<ul class="ds-recent-visitors" data-num-items="12" data-avatar-size="45" ></ul>

至于CSS的设置推荐阅读:

多说评论扁平化风格Css样式


发布日期:

所属分类: Wordpress 综合 标签: