最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

[已解决】更新和添加crifan.com中的捐赠为直接打赏付款

crifan.com crifan 267浏览 0评论

[背景]

自己之前的crifan.com网站中的页面,是捐赠按钮:

点击后跳转出介绍页面:

如何给Crifan捐赠 | 在路上

对于想要捐赠的用户的体验,很是不好。

最近看到一个用户体验很好的:

好未来3000万美元战略投资学科网,进入体制内是K12的必经之路?(更新中) | 36氪

鼠标移动到 赏 的图片后,显示出一个二维码:

用户用手机端的支付宝扫了之后:

点击金额,可以修改付款金额:

很是方便。

[解决过程]

1.然后也已制作好了 付款二维码图片了:

[记录]生成支付宝付款的二维码图片供别人打款

但是该二维码,是要支付已设置好的,固定的金额。用户不方便修改金额。

2.然后自己测试了一下,弹出来的支付页面(提示帐号相同,所以不允许继续操作)

只有支付金额,没有人家那种,显示贴子标题等内容,以及:

(但是别人此处,是制作出一个页面)

方便用户修改打赏金额,

所以:

还是抽空再去学习人家,去单独制作出一个打赏的页面:

可以显示从哪个页面跳转过来的

默认已填打赏金额

用户可以方便的修改金额

有空继续参考:

谈谈UIView的几个layout方法-layoutSubviews、layoutIfNeeded、setNeedsLayout… – 简书

ImportError: No module named ‘pysqlite2’ – 简书

去搜搜:wordpress 打赏 插件

果然有这种插件:

微信打赏(Wechat Reward) — WordPress Plugins

但是只有微信的。

微信求打赏:让你的微信粉丝给你打赏

自己做了个 WordPress 小插件:微信打赏 – V2EX

关于打赏插件 – 扩展性 / 插件 – Discourse中文论坛

WordPress – 水冷眸博客

WordPress插件-仿知更鸟点赞打赏分享插件 – 水冷眸博客

1.

【原创】移植知更鸟的点赞、分享、打赏的样式教程 – 水冷眸博客

虽然可以,但是:“移动端打赏不能自适应 ,可以解决吗

没有对移动端打赏进行支持”

2.

这个支持支付宝和微信:

(*´∇`*) 被你发现啦~ WordPress免插件集成支付宝微信打赏功能(适合所有主题)-陌小雨博客

看起来不错

3.

给wordpress网站添加打赏功能(百度钱包|支付宝|微信支付) | 蚂蚁博客

和下面的类似:

晒一晒本站所用插件 | 知更鸟

还是这个最好用:

参考:

知更鸟主题 HotNews Pro点赞打赏分享 | 清风博客

4.抽空去看看:

greedying/tctip

-》

tctip/tctip-for-wordpress at master · greedying/tctip

搜:

wordpress 赞 打赏 分享 插件

分享:wordpress知更鸟的点赞、分享、打赏的样式教程 – 小浩博客

WordPress插件-仿知更鸟点赞打赏分享插件 | 随缘小居

WordPress插件-仿知更鸟点赞打赏分享插件 – 梦想小窝

WordPress插件-仿知更鸟点赞打赏分享插件 – 水冷眸博客

完美移植知更鸟点赞、打赏和分享的样式教程-boke112导航

参考:

http://yeziahehe.com/2016/08/07/use_travis_ci_for_ios_project/

去添加这种js脚本:点击后,直接显示出对应的二维码

抽空参考:

QRCode.js 生成二维码 – 前端开发仓库

去给自己网站上加上这个打赏的二维码

去搜:百度 打赏 插件

百度打赏

打赏_网站组件_百度站长平台

网站如何添加百度打赏功能_百度经验

不好用。有点麻烦。

WordPress 打赏 插件

WordPress免插件集成支付宝微信打赏功能(适合所有主题)-陌小雨博客

然后发现:

http://www.dedewp.com/6638.html

已经是跳转页面到:

https://dedewp.com/zanzhu

发现个新做法:

直接把支付宝和微信整合成一张图了:

所以自己也去这么弄,就很方便了。

然后就是去:

【记录】去微信和支付宝中单独保存出收款码图片

然后就可以找软件去合并出我们要的收款二维码图片了:

再去参考:

【已解决】Mac中好用的拼图工具

去用 好照片 去合并图片

保存出来效果是:

和另外一个不带金额的:

突然发现,设置金额 后的付款码,扫了之后,是无法修改金额的。。。。

所以放弃设置金额的。。。

然后本来打算把合成后的捐赠二维码放到post文章下面的

后来突然发现:放到边栏中,效果更好。

所以去上传二维码图片到网站上:

再去设置WordPress中小工具的代码:

<p style="text-align: center;"><img src="https://www.crifan.com/files/res/crifan_com/alipay_wepay_small_vert.jpg" title="感谢捐赠Crifan" alt="感谢捐赠Crifan" style="border:none;vertical-align:middle;width: 50%;" /></p>

效果是:

以及:

代码:

<img src="https://www.crifan.com/files/res/crifan_com/alipay_wepay_small_horiz.jpg" title="感谢捐赠Crifan" alt="感谢捐赠Crifan" style="border:none;vertical-align:middle;" />

效果:

目前就这样吧。

转载请注明:在路上 » [已解决】更新和添加crifan.com中的捐赠为直接打赏付款

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
61 queries in 0.100 seconds, using 18.81MB memory