WordPress JustNews主题适配付费阅读

3.3
(11)

再来一篇完美使用WordPress JustNews主题的教程,本文将告诉你如何使用一款插件实现justnews主题的付费阅读功能,并且完美适配前台的用户中心模块,显示我的订单选项,并完美适配主题用户中心的图标。这里,我们使用闪电博的WordPress付费阅读插件

本款付费阅读插件是收费插件,价值人民币¥199。

WordPress JustNews主题适配付费阅读

支付接口包括官方接口、payjs、虎皮椒:

  • 第三方接口虎皮椒-支持使用虎皮椒提供的支付宝和微信支付接口(个人可申请)作为付费内容的支付方式;
  • 第三方接口PAYJS-支持使用PAYJS提供的支付接口(个人可申请)作为付费内容的支付方式;
  • 官方接口-支持支付宝和微信官方提供的支付接口作为付费内容的支付方式。

更多插件功能可以前往插件官方页面查看,文本就不做过多介绍了。

这里,我主要说下JustNews主题如何完美使用这款付费阅读插件,完美的实现付费阅读功能。

古腾堡编辑器恢复

首先,这款插件默认屏蔽了WordPress古腾堡编辑器(也就是默认的编辑器),只能使用经典编辑器。如果想使用古腾堡编辑器,请修改插件源码:付费阅读插件目录-vk.class.php文件,第28行代码删掉:

add_filter('use_block_editor_for_post', '__return_false');
WordPress JustNews主题适配付费阅读

用户中心我的订单图标显示

编辑插件目录的vk_justnews.class.php文件

第92行代码,图标改完order-circle即可完美适配justnews主题,这个是我刚开始用这款主题时,有问过插件开发人员,对方给的图标代码(该代码内置于justnews主题中,我们调用就可以了)。但插件不愿意更新,因为他们觉得很多人在用旧版justnews主题,旧版主题的图标代码为:glass。详情如下图所示:

WordPress JustNews主题适配付费阅读

然后,前台个人中心中的我的订单,就会显示图标了,如下图所示:

WordPress JustNews主题适配付费阅读

哈哈哈,你有没有觉得这个文件里有个justnews就很过分。有时候我在想,这插件是不是专门为justnews设计的,不过其他主题用这款插件什么效果我就不知道了。按道理,应该也已经实现了这种完美适配主题的功能。

前台付费阅读样式修改

这部分,转到付费阅读插件设置选项,填入如下自定义css即可:

.wb-vk-wp {
    padding-top: 120px;
    padding-bottom: 10px;
}
.wb-vk-wp::before {
    top: 80px;
}
.wpvk-pay-btns {
    padding-top: 20px;
}
.wpvk-btn.wpvk-vk-pay, .wbui-close {
    cursor: pointer;
}
WordPress JustNews主题适配付费阅读

插件使用

最后再说下古腾堡如何使用这款插件来插入付费阅读内容:

编辑文章,添加两个简码:【vk-content】以及【/vk-content】即可,中间插入你要付费的内容即可。最后在右侧输入付费内容价格即可,或者不修改,使用插件设置的默认价格:

当然,插件支持微信和支付宝,支持登录与免登录支付。

当然也可以直接在段落里输入简码,不是必须用模块输入。

[vk-content]

这段文字没什么特殊的意义,可以意思性支付,阅读下,感觉下插件实际效果。

WordPress JustNews主题适配付费阅读

补充说明:主题设置-用户中心,页头下拉菜单,新增一个我的订单。链接地址,在前台用户设置里,有个我的订单,复制下链接就可以了。

[/vk-content]

共计11人评分,平均3.3

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

文章目录

原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/1992.html

(1)
微信公众号
古哥的头像古哥管理团队
上一篇 2021年03月05日 21:01
下一篇 2021年03月07日 00:43

你可能感兴趣的文章

发表回复

登录后才能评论

评论列表(7条)

    微信小程序
    微信公众号