博客社交分享组件(原名打赏/点赞/分享组件)是一款整合了网站打赏,文章点赞、微海报和社交分享功能插件。
插件概述
博客社交分享组件是一款整合了网站打赏,文章点赞,微海报及文章社交分享功能插件。插件为读者提供点赞、微海报和社交分享功能,激励网站访客互动,提升WordPress博客文章传播;同时方便访客通过二维码打赏(捐赠)站长以鼓励站长继续创作贡献。
- 打赏功能-支持访客通过微信和支付宝扫码,为站长提供微小资金支持,激励站长创作;
- 点赞功能-支持访客对文章执行点赞操作,方便站长收集文章受欢迎程度,为后面的文章内容策划提供数据参考;
- 分享功能-整合微信/微博/Qzone/QQ四种社交分享渠道,快速实现文章社交分享功能,扩展文章传播路径;
- 微海报功能-一键生成H5海报,便于站长及读者通过H5海报的形式进行微信等社交网站进行分享。
插件安装
仪表盘安装
Step 1 -进入WordPress仪表盘,点击“插件-安装插件”:
- 关键词搜索“博客社交分享组件”,找搜索结果中找到“博客社交分享组件”插件,点击“现在安装”;
- 或者点击“上传插件”-选择“博客社交分享组件”插件压缩包donate-with-qrcode.zip,点击“现在安装”。
Step 2 -安装完毕后,启用 `博客社交分享组件` 插件.
Step 3 -通过“设置”->“博客社交分享组件” 进入插件设置界面.
Step 4 -至此,该插件安装完毕,在文章底部即可展示打赏、点赞、微海报和分享按钮。
FTP安装
Step 1 -解压插件压缩包donate-with-qrcode.zip,将解压获得文件夹上传至wordpress安装目录下的 `/wp-content/plugins/`目录.
Step 2 -访问WordPress仪表盘,进入“插件”-“已安装插件”,在插件列表中找到“博客社交分享组件”,点击“启用”.
Step 3 -通过“设置”->“博客社交分享组件” 进入插件设置界面.
Step 4 -至此,该插件安装完毕,在文章底部即可展示打赏、点赞、微海报和分享按钮。
FAQ
= 为什么取消原有的PayPal打赏赞助功能? =
考虑到国内使用PayPal的人群比较小众,暂时取消该功能的维护。若未来有更多的用户需求,我们再考虑重新上线该功能。
= 如何其他页面使用社交分享组件? =
插件已经整合了Shortcode短代码功能,你可以通过短代码的方式调用社交分享组件到WordPress任意页面。
【wb_share_social items="donate,like,poster,share" wpclass="custom-class-name"】 # items-添加显示组件名称,donate: 打赏, like: 赞,poster:微海报,share:社交分享 # wpclass-可自定义外层DOM的类名,以定义对应显示样式。 # 一般用户建议直接用, 如【wb_share_social items="donate,like,poster,share"】 # 使用的时候务必将【】更换为英文符号[]
插件截图
(1)插件设置页面截图.
(2)打赏、点赞、分享文章页展示截图.
(3)打赏弹窗展示截图.
(4)微海报生成效果展示截图.
(5)社交分享弹窗截图.
更新记录
- 更新插件整合通知。
- 新增插件版本更新提示功能;
- 新增分享元素位置设置功能。
- 新增预设配色方案及自定义配色可选功能;
- 新增更多的微海报外观样式可选;
- 优化插件jq依赖机制,WP主题无jq的情况下引入WP官方jq;
- 解决插件IE9以上版本兼容性问题。
- 修复部分Android端浏览器无法生成微海报bug;
- 优化生成二维码JS技术;
- 解决闪电博付费主题兼容性问题;
- 解决部分非WP官方jq主题插件展示样式异常问题。
- 修复微海报生成失败bug;
- 其他技术细节优化。
- 修复部分主题分享及打赏功能失效的bug.
- 修复部分主题下插件前台无法正常显示bug;
- 部分后台设置体验优化。
- 微海报头图适配(之前某些比例会变形);
- 加了短代码功能;
- 社交短代码用法:[wb_share_social items="donate,like,poster,share" wpclass="custom-class-name"] * items 添加显示组件名称,donate: 打赏, like: 赞,poster:微海报,share:社交分享
* wpclass 可自定义外层DOM的类名,以定义对应显示样式。一般用户建议直接用, 如[wb_share_social items="poster,share"] - 微海报及打赏依赖插件设置上传的图片
- 新增WooCommerce插件兼容; 其他已知问题优化。
- 修复静态化页面打赏/社交分享/微海报弹窗样式错乱bug;
- 新增微海报分享功能;
- 打赏/点赞/微海报/分享组件改为自由组合;
- 前端界面设计样式优化;
- 设置界面交互优化;
- svg图标引入技术优化。
- 分享功能优化,由原有的百度分享精简为常用社交分享
- 修正已知bug
- 增加百度分享功能
- 增加文章点赞功能
- 增加插件教程/插件支持等链接入口
- 优化插件设置UI界面
- 优化插件弹出窗口移位问题
- 取消PayPal打赏赞助通道
- 优化微信和支付宝二维码上传管理功能
- 插件设置界面UI采用更规范统一的设计
评论留言
唇枪舌剑(169)
空心in
2020.4.21 09:04
Uncaught TypeError: Cannot set property ‘callback’ of null
at Object.success (wbp_front.js?ver=1.3.7:1)
at n (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at w (jquery.min.js:4)
at XMLHttpRequest.d (jquery.min.js:4)
生成微海报 出现这个错误,卡在图片生成中。
WBOLT_COM
2020.4.21 15:04
URL地址发一个。
杜兰戈
2020.4.16 18:04
插件非常棒!想问下如何在其它页面开启插件呢?需要添加什么代码?目前只支持文章页
WBOLT_COM
2020.4.17 11:04
社交短代码用法:[wb_share_social items="donate,like,poster,share" wpclass="custom-class-name"]
* items 添加显示组件名称,donate: 打赏, like: 赞,poster:微海报,share:社交分享
* wpclass 可自定义外层DOM的类名,以定义对应显示样式。一般用户建议直接用, 如[wb_share_social items="poster,share"]
北纬789
2020.4.15 14:04
插件不错,不会在服务器存储图片
eoo
2020.4.14 11:04
非常好的插件。
海报标题会换行,建议能自动缩小一行显示,不然下一行一个字符很尴尬。
海报描述文字我觉得是不是添加个“扫描二维码阅读更多” 好点
北纬
2020.4.17 21:04
这个我也觉得有加个扫一扫也行,我发出去好多人问我这是干啥的,哈哈
Doreou
2020.4.10 17:04
我通过修改什么内容可以自定义这几个按钮的位置呢?这几个按钮目前在我的文章页码上面,能否通过修改让他显示在页码下方?
WBOLT_COM
2020.4.10 17:04
@Doreou 关注下一个版本,更多自定义功能。
白小白
2020.4.9 08:04
海报设置站点logo图片尺寸应该是多少呢?网站默认的logo生成海报出来图片有点模糊?
无痕
2020.4.8 08:04
感谢老哥做的这样牛逼的插件,样式和功能都很完美,有个小问题想请教下,就是生成海报的时候怎样能多截取和展示一些文字,有的第一段很短貌似就只显示几个字,看起来比较别扭,辛苦老哥回答下
WBOLT_COM
2020.4.8 09:04
(1)下一个版本,将会实现海报比例可以自定义;
(2)文字截取是自动截取文章内容的description或者前120个中文字符,可能是你的文章排版导致截取文字少。
皮皮辉ເ😎ว
2020.4.7 19:04
哦,对了,我试了一下安卓手机小米6,生成海报失败,微信内和默认浏览器都失败。试了DEMO网站也是失…
皮皮辉ເ😎ว
2020.4.7 19:04
可能楼上表达的截图是海报默认截取的那一张图片,截取的是图片的最顶部,能否变为中间或者自定义。
严老师-晶网培训
2020.4.6 21:04
为什么图片截图质量不高,显示的比较模糊。
展示的问题也不是很多。
WBOLT_COM
2020.4.6 23:04
不是很懂你的意思,什么图片截图?
KYDTF
2020.3.21 19:03
电脑端正常,手机端生成图片失败。
https://www.shopee6.com/cross-border-hosting/trentahost.html
什么都不弄
2020.3.20 12:03
插件很不错,简洁明了
Canaan
2020.3.16 19:03
升级V1.3.6版本后,还是和之前版本情况一样。电脑端网页生成微海报正常,手机端生成微海报失败。
S诗和远方C
2020.3.31 16:03
把浏览器改成PC模式,就可以了,但是这样也太麻烦了额。这个问题为什么不修复了,感觉是识别的问题,在判断PC和手机的地方出了问题。
隐秘入口导航
2020.3.9 18:03
PC端点击分享 微信和QQ图标旁边有XX符号 同时手机端无法生成微海报,直接提示无法生成海报无法用 ,手机端点击分享在图标旁边也是XX,麻烦作者查看修复啊
CYLai
2020.3.7 19:03
生成海报失败怎么解决?
经方派
2020.2.29 10:02
路径是中文的,微信分享会出错
经方派
2020.2.25 13:02
url包含中文,微信分享生成的二维码出错。经检查,是对url 包含的%重复进行了编码,生成了冗余的%25字符。
但我不知道怎么修复 bug,辛苦作者解决这个问题,谢谢。
我是一只鱼
2020.2.24 22:02
分享到新浪微博:
您的帐号尚未开通微博,立即开通
鹏飞
2020.2.18 21:02
强烈建议可以增加主色调的设置,自己修改了几次都会在删除缓存后失效
WBolt_Frank
2020.2.19 10:02
@鹏飞, 如果主题支持插入css, 可加上这行 :root{–mainColor:#f00;} (#f00为你需要的颜色值)试试
灵动高鹏飞
2020.3.13 23:03
首先非常感谢这个插件的研发和共享,但是我还是要提出两点建议:第一,就是能否设置一个风格色彩更改选项,可以根据自己网站来修改;第二,就是海报分享,我站里面有的代码,比如视频类,我用的腾讯点播,那么这个简码或者代码就会被当作文章的内容给分享到了封面。有”:”么?
0x55aa
2020.2.17 14:02
插件会在官方的amp页面上出现错位现象。