微慕WordPress小程序开源版v3.6发布

2019年11月7日，是我的个人网站“守望轩”建立17年的日子。在网络上无数个大大小小网站里，这个网站可能是最小的，最不出名的网站之一。我不知道，有多少人从这个网站上获得一点点的启发和收获，对我来说她的意义就是一种记录，她不会展现我对这个世界的完全的、完整的思考，但至少内容是真诚的。这个网站也是我和这个世界一个链接的通道，去表达我的观点，去分享我的技术心得。

两年前，我写了纪念15周年的文章。而今天，我打算通过发布新版本微慕小程序来纪念这个日子。

经过一个月的调整，微慕WordPress小程序开源版v3.6今天发布。新的版本做了如下调整和完善。

一.简化或优化小程序的配置

尽管微慕开源版小程序是所有版本中配置最简单的，不过依然有很多人在安装和使用小程序的时候，被里面的配置难住了。新版做了两方面的调整：

1)简化小程序端config.js的配置。只要在配置config.js文件里的域名，就可以让小程序基本运行起来。

2）部分配置内容转移到插件里配置。这样修改配置就不需要像老版本一样重新提交小程序审核了。主要转移的配置内容是：小程序首页滑动文章ID ，在小程序里显示的文章分类ID，”关于”页面。

二.加入微信广告

如何让小程序的流量变现，困扰着不少小程序的开发者。广告，无疑是最直接，最简单粗暴的方式。v3.6版提供的完备的小程序广告管理发布功能。目前支持的广告形式包括列表、文章详情的banner广告和激励视频广告。如果你的小程序流量比较大，广告无疑会带来不小的收益。

1.通过WordPress后台的插件后台对广告的发布进行管理。实现的配置包括：广告id的设置，是否开启，广告显示的位置，插入广告的频率。

说明：建议列表显示广告的时候，频率不能太低了，否则一屏显示两条广告会被微信广告审核拒绝。

列表广告

内容详情页里的广告

如果你想在某篇文章显示“激励视频的广告”，在编辑文章的时候，勾选”启用激励视频”。

打开文章详情的时候，会提示“观看视频，阅读更多”，点击提示文字就会打开激励视频广告。用户在观看一次后，下次打开文章就不会出现广告了。目前，设定的是一天一个用户可以打开20次激励视频广告，所以小程序的管理者，不要启动太多的激励视频广告，太频繁的打扰用户的阅读，可能导致用户流失。

三.功能优化

1.优化音频的播放。由于iOS版本小程序不支持audio组件，导致音频文件无法播放，在微慕新版本里，优化音频的播放，不但支持iOS，同时给音频加上了进度条和播放按钮。

你可以在小程序打开这个文章体验下，文章的链接：https://www.watch-life.net/life-thinking/at-the-moment.html

2.支持WordPress相册。
小程序的富文本解析组件wxParse 对文章里的WordPress相册支持不好，无法显示相册图片。新的版本调整插件程序，优化了相册的显示，可以在小程序端浏览相册里图片了。

你可以通过小程序和pc浏览器，访问这个链接：https://www.watch-life.net/life-thinking/70-national-day.html，看看WordPress相册在小程序和pc浏览器里的效果。

3.支持pc版微信，支持手机端横屏显示小程序

4.图片支持懒加载和识别二维码

5.调整首页导航

6.优化登录弹出框

微慕WordPress小程序开源版下载地址：https://github.com/iamxjb/winxin-app-watch-life.net

配套WordPress插件地址：https://wordpress.org/plugins/rest-api-to-miniprogram/

百度网盘下载地址： 考虑到国内网络原因，可能无法下载小程序和插件，提供百度网盘的下载。
下载链接：https://pan.baidu.com/s/1BsEpYtfpbVmGptmRDLJYbQ
提取码：rc15

百度网盘下载小程序二维码：

微慕WordPress小程序开源版提供20项基础核心的功能，这些能够满足90%以上的WordPress站长对微信小程序的需求；但如果你对媒体、资讯、社交的功能有更多、更专业的需求，可以参考微慕WordPress小程序专业版，专业版包括动态朋友圈，广告系统，积分系统，管理系统，媒体中心，期待构建最专业的媒体资讯类小程序。如果你有兴趣了解，可以访问链接：https://www.watch-life.net/wordpress/minapper-professional-v-2.html。

微慕专业版小程序二维码：

谢谢你的阅读，谢谢对我的支持。

你可能也会喜欢以下文章:

《微慕WordPress小程序开源版v3.6发布》有128个想法

  5. ehxz

    江湖救急，第一次在文章里面加视频：[video width="486" height="864" mp4="https://cdn.zhaowendao.com/wp-content/uploads/2020/03/1584886270-1043200.mp4" preload="none"][/video]
    然后在小程序里这篇文章就不能打开了，请教一下应该如何处理？谢谢

    回复 ↓
      1. ehxz

        谢谢，改成src也不能正常打开，mp4这是WP里系统自动生成的。在页面里打开都正常，在小程序里打开，就是空白的。无任何内容显示。是这个MP4文件太大了吗？有30M左右。

        回复 ↓
  6. 苦七君

    01、请问下，这个新版，我看了下发现没有以前的客服图标了，是已经去除这个功能了么。。我记得之前的3.15版本，有个客服图标，点击就能给客服发消息。。。

    02、还有之前老版本，首页顶部就是搜索栏，现在好像也没了。。像我是资源站的话用户使用就很不方便。怎么调出来呢。。

    03、之前老版本还有备份么，我像下载研究一下。。。

    我现在用的老版本还正常运行，但是已经过去很久，之前2018年修改的minapper都不知道放哪去了。。

    04、或者有没有办法把当前正在运行的小程序的源码下载下来呢。。

    谢谢解答~

    回复 ↓
  10. rodney

    你好，启用了“在小程序里显示的文章分类id”，首页不显示，关闭后，首页就正常了，
    请问如何解决，谢谢~

    回复 ↓
  11. 高高

    支持！17年呀，真不容易，用这个小程序快一年了，等我小程序也能变现了，就购买专业版支持楼主

    回复 ↓
  21. 刘

    网站用的是鸟叔的begin主题，在用您的开源版代码开始文章还能加载图片到后面不知道怎么回事图片无法加载，在开发工具里面查看标签里面的data-src和src都没有被加载出来，不过有的文章又可以加载图片

    回复 ↓
  26. 一个若白

    什么时候能做一个QQ小程序版的，套用这个源码到后面我才发现这是微信版的，QQ小程序以上线，主要就是不能用QQ登入这个小程序。

    回复 ↓
  32. Akon

    请问一下，如果我的视频不是在腾讯的在线视频，这个来源代码做的小程序可以播放吗

    回复 ↓
  33. Cody

    腾讯视频好像无法播放，相关的iframe显示不出来，有遇到同样问题的吗？

    回复 ↓
  35. XG

    这个版本的登录按钮还是没有改进呦，点击登录没有反应，其他完美，就这个授权登录弹窗层点击不了“确定”，点了没有反应，希望修复一下（以前的版本也一样）

    回复 ↓
  41. 美女

    我之前一直用的wordpress后来用了帝国cms在后来用了织梦cms
    请问大佬，像我这样的用什么建站好。

    回复 ↓
  46. dolgenlee

    首先感谢博主。再次配置开源版的时候又出现了海报无法生成的情况，但是download合法域名这里已经全部添加过了，而且现在不生成也不弹出提示框，用开发者工具看就是js到了判断是否是合法域名那里出现错误，不知道是什么原因。。。

    回复 ↓
  47. 岳博文

    大佬，有个小小的建议，希望可以把精选栏目、图标导航和搜索栏放到后台设置，个人小程序不好过审，这样可以规避风险，不成熟的建议，感谢阅读。

    回复 ↓
  51. 泓

    审核未通过 原因如下： 1:小程序内容不符合规则: (1):1.小程序中不得含有任何由第三方软件、网页或终端生成的具有识别、标记功能的特殊识别码、口令类信息。 2.为避免您的小程序被滥用，请你完善内容

    回复 ↓
  54. 岳博文

    谢谢大佬，有一个问题，怎么可以不让文章的二级分类目录出现在专题里？谢谢╰(*´︶`*)╯

    回复 ↓
  55. 徐奕

    大佬开源代码就很令人舒适了，感谢~！

    我想问问如果想给文章列表根据访问量啥的排序的话，应该具体改哪些部分呢？
    另外如果需要增加文章的一些属性，是否需要在数据库增加一些字段。
    期待您的解答。

    回复 ↓
    1. xjb 文章作者

      1.按访问量排序比较麻烦，你可以参考排行的列表。 2.增加属性可以用wp_postmeta表

      回复 ↓
      2. 徐奕

        可以排序了，在含有postsList的代码中添加下述代码
        postSort: function (e) {
        //property 根据什么排序
        var property = e.currentTarget.dataset.property;
        var self = this;
        var postsList = self.data.postsList;
        var sortRule = true; // 正序倒序
        self.setData({
        postsList: postsList.sort(self.compare(property, sortRule))
        })
        //console.log(arr)
        },
        compare: function (property, bol) {
        return function (a, b) {
        var value1 = a[property];
        var value2 = b[property];
        if (bol) {
        return value1 – value2;
        } else {
        return value2 – value1;
        }
        }
        },
        然后再common-lists.wxml中添加
        排序
        data-property就是文章的属性啦

        回复 ↓
      1. 桃花妖刀

        感谢大佬的开源，程序被我一顿乱改，终于发布上线了，名叫场面话，写评论的什么功能都让我删了，界面也被我改的面目全非，改成卡片式的了

        回复 ↓

发表评论

电子邮件地址不会被公开。 必填项已用*标注