利用 Share.js 给 WordPress 文章添加分享链接功能

Share.js 是一个免费开源的项目,支持给你的文章添加一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站,使用字体图标。如果你是用 Wordpress 程序,也是支持的,方法如下。

1.Share.js

https://overtrue.me/share.js/

2.安装

在主题文件的 header.php 文件的 </head> 标签前加入下面代码:

<link href="<?php echo get_template_directory_uri(); ?>/dist/css/share.min.css" rel="stylesheet">
<script src="<?php echo get_template_directory_uri(); ?>/dist/js/social-share.min.js"></script>

3.调用

在需要显示分享功能的位置添加下面的代码:

<div class="social-share"></div>

4.自定义功能

使用: data-initialized="true" 标签或者 initialized 配置项来禁用自动生成icon功能。

<div class="social-share" data-initialized="true">
<a href="#" class="social-share-icon icon-weibo"></a>
<a href="#" class="social-share-icon icon-qq"></a>
<a href="#" class="social-share-icon icon-qzone"></a>
</div>