Rockyxia巴萨最强的专栏

Rockyxia 巴萨最强

discuzX2 用 jiathis 替换官方的 “分享到” 功能

 相信大家都看到了自己的论坛的帖子第一楼下方有分享到功能,首先我们很感谢discuz能够加上这个功能,因为现在信息的分享是主流!但是discuz虽然增加了这个分享功能,但是分享的按钮并没有让我们从后台可以自定义,所以又带来了些许的不便!因此我们需要将它做一个小小的调整!
论坛的已经有不少版友发布了很多不同的方法,我这里也提供一种,以便大家参考!
我的方法不需要修改系统的其他任何文件,只需要将template/default/forum/viewthread_node.htm这个文件中显示分享到功能的地方替换成我们自己的,而不再使用discuz提供的!
演示地址:http://www.ljbs.net/forum.php?mod=viewthread&tid=1
图片:
官方的: 1.jpg
修改后的: 2.jpg
操作方法:
打开:template/default(或您的风格目录)/forum/viewthread_node.htm
找到:
  1. <!--{if !empty($_G['setting']['pluginhooks']['viewthread_share_method'])}-->
  2. <div class="tshare cl">
  3. <strong>{lang viewthread_share_to}:</strong>
  4. <!--{hook/viewthread_share_method}-->
  5. </div>
  6. <!--{/if}-->
复制代码
替换成:
  1. <!--{if !empty($_G['setting']['pluginhooks']['viewthread_share_method'])}-->
  2. <div class="cl" style="height:30px;">
  3. <strong style="display:block; float:left;">{lang viewthread_share_to}:</strong>
  4. <!--hook/viewthread_share_method-->
  5. <!-- JiaThis Button BEGIN -->
  6. <div id="ckepop" style="margin:0; padding:3px 0 0 8px; float:left">
  7. <a class="jiathis_button_qzone" style="background:none;margin:0;padding:0"></a>
  8. <a class="jiathis_button_tqq" style="background:none;margin:0;padding:0"></a>
  9. <a class="jiathis_button_tsina" style="background:none;margin:0;padding:0"></a>
  10. <a class="jiathis_button_xiaoyou" style="background:none;margin:0;padding:0"></a>
  11. <a class="jiathis_button_t163" style="background:none;margin:0;padding:0"></a>
  12. <a class="jiathis_button_kaixin001" style="background:none;margin:0;padding:0"></a>
  13. <a class="jiathis_button_renren" style="background:none;margin:0;padding:0"></a>
  14. <a class="jiathis_button_baidu" style="background:none;margin:0;padding:0"></a>
  15. <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank" style="margin:0;;padding:0"></a>
  16. <a class="jiathis_counter_style" style="background:none;margin:0;padding:0"></a>
  17. </div>
  18. <script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
  19. <!-- JiaThis Button END -->
  20. </div>
  21. <!--{/if}-->
复制代码

我这里使用的jiathis替换了discuz官方的,大家也可以用其他的工具,像chinaz的加者工具或者百度最近推出的bshare工具都可以!

上面红色部分是原来官方的调用接口,我并没有删掉他,只是注释掉了,方便大家以后还原!
棕色部分就是jiathis的代码!
这里面我还增加了一些css样式,为了不修改官方原有的css样式,所以我就直接在这里使用行内样式了!这些样式只是为了能美观上更好的适应,和功能上没有关系!

如有疑问请跟帖提出!
阅读更多
个人分类: 本站推荐
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭