WeCenter文章底部增加社交分享功能

第一步

/views/default/global/下创建文件socialshare.tpl.htm
然后在这个文件下,写入代码:

<div class="social-share" data-mobile-sites="weibo,qq,qzone,tencent,wechat"></div>
<link href="//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css" rel="stylesheet">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/jquery.share.min.js"></script>

第二步

/views/default/article/index.tpl.htm你要放社交按钮的地方增加代码:

<?php TPL::output('global/socialshare.tpl.htm'); ?>

最后

最后就是收工了,效果图如下:
wecenter文章增加社交分享效果.png

本文转自:三叔
原文链接:在文章底部增加第三方社交分享功能

Leave a Reply