碰到好的文章想让更多人看到怎么办?在当今社会中肯定第一个是想到分享。而作为网站站长,网站中增加一个分享功能除了能让您的文章通过分享方式让更多人看到外,它还能给用户带来更好好的用户体验。在 WordPress 网站中使用比较多的一个是 bShare 和 JiaThis 分享插件。而目前 JiaThis 也于 2018 年停止服务了,所以,是时候更换新的分享样式了。
今天大眼仔给大家推荐分享的是开源免费的 js 分享代码,对于网站上分享功能失效或者还没有找到更好的分享插件站长来说,该插件可以很好的解决您的问题。
1、下载官网源代码
2、安装
官方作者提供了好几种安装方式,您也可以根据自己的需要来选择合适的安装方式。由于大家使用的 WordPress 主题不同,在调用的时候以实际情况为准。
在主题文件的 header.php 文件的 </head> 标签前加入下面代码:
1
2 <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、调用
把主题设置里的分享代码替换成下面的代码即可:
1 <div class="social-share"></div>
4、其它
对于一般的博客分享使用的话,到这一步就足够了,Share.js 也提供了很多自定义的配置,如自定义图标:
使用: data-initialized=”true” 标签或者 initialized 配置项来禁用自动生成 icon 功能。
1
2
3
4
5 <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>
上面的 a 标签会自动加上分享链接,并且 a 标签必须带 icon-name 属性,不然分享链接不会自动加上。
当然,Share.js 还有很多折腾地方,这里就不一一列举了,大家可以根据自己的需要来进行调整!
文章名称:《为您的 WordPress 站点文章添加分享链接功能》
文章固定链接:http://www.dayanzai.me/wordpress-share.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
猜你喜欢
- 2023-07-11组装电脑前您应该了解的 10 个主板规格和术语
- 2021-05-07为您的 WordPress 站点文章添加分享链接功能
- 2020-11-17Inno Setup 运行时自动播放 MP3 背景音乐解决方案
- 2018-07-30Linux 可启动 U 盘制作工具 Universal USB Installer 1.9.8.3 中文编译版
- 2023-11-01Win10 数字权利激活工具 Windows 10 Digital Activation Program 1.5.2 中文版
相关推荐
- 2024-02-02磁盘文件分析整理工具 WizTree 4.18 + x64 中文多语免费版
- 2023-02-13三星 Galaxy S 系列的手机发展历史回顾
- 2024-01-04程序卸载工具 Wise Program Uninstaller 3.1.6 Build 261 中文免费版
- 2021-10-27为您的 Windows 10/11 系统安装 Windows 7 经典游戏
- 2022-05-21斗鱼免费可商用字体:斗鱼追光体 2.0 免费下载
发表评论
MORE>>微软应用
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
MORE>>安卓应用
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
MORE>>教程资源
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
MORE>>其它资源
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8