在WordPress站点中为文章添加分享链接功能的实用方法

如果你想让更多人看到一篇优秀的文章，最直接的方式当然是通过分享。作为网站站长，增加分享功能不仅可以让您的文章通过分享传播给更多人，还能提供更好的用户体验。

在WordPress网站中，有许多常用的分享插件，比如bShare和JiaThis。然而，JiaThis在2018年停止了服务，因此是时候考虑更换新的分享样式了。

今天我们向大家推荐的是一个开源免费的JavaScript分享代码。对于网站上分享功能失效或者还没有找到更好的分享插件的站长来说，这个插件可以很好地解决您的问题。

1、下载官网源代码

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

2、安装

官方作者提供了好几种安装方式，您也可以根据自己的需要来选择合适的安装方式。由于大家使用的WordPress主题不同，在调用的时候以实际情况为准。

在主题文件的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、其它

对于一般的博客分享使用的话，到这一步就足够了，Share.js也提供了很多自定义的配置，如自定义图标：

使用: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>

在使用Share.js时，a标签需要带有icon-name属性才能自动添加分享链接。此外，Share.js还具有许多可以调整的地方，但这里就不一一列举了，大家可以根据自己的需求进行调整。