WordPress小程序：微慕微信小程序配置【微慕小程序】

前言

前两年接触小程序的时候，喜欢花里胡哨的版本，最后在微慕、丸子、追格里选择了比较花里胡哨的小程序——星宿UI，最近星宿重构了，还没试。最近不知道为啥喜欢上了比较简洁的版本，重新用上了微慕大佬的小程序。

简单介绍

微慕WordPress小程序开源版，使用开源建站程序WordPress作为后台，简单对接快速生成小程序。可将WordPress网站的文章、分类、评论等内容同步到小程序，并且可以一键同步到微信小程序端。

配置小程序

1. 登录微信小程序后台 添加你的网站地址到request、uploadFile、downloadFile合法域名和业务域名中 downloadFile域名还需要添加头像域名：https://wx.qlogo.cn 和 https://thirdwx.qlogo.cn

如果你未完成以上配置就已经在微信开发者工具中新建了小程序项目，请在新增了域名后，刷新项目配置（微信开发者工具 – 右上角详情 – 域名信息），直到域名信息中显示新添加的域名后，重新编译项目

1. 转到微信小程序后台 设置 – 基本设置 – 服务类目，点击“详情”添加服务类目： 推荐工具 – 效率、资讯 – 信息资讯

下载插件

安装插件及扩展

1. 登录WordPress网站后台，转到插件 – 安装插件 – 上传插件，上传安装主插件的zip压缩包，并启用 或直接在WordPress插件市场搜索 ' REST API TO MiniProgram ' 安装
2. 同样方法，安装扩展插件并启用 需要先安装主插件再安装其它扩展插件

基础配置

1. 左侧小程序项目—小程序，点击导入，选择解压的目录（包含app.json的目录），并填写小程序AppID，点击导入。一定不要使用新建，使用导入，使用导入，使用导入
2. 右上角查看详情—域名信息—刷新，出现你刚才设置的域名即为正确，清楚缓存并刷新
3. 打开utils/config.js替换网址为你的WordPress网站的网址并保存
4. 打开调试器，选择console，如有提示添加插件点击添加即可
5. 修改完成点击编译 即可看到效果

简单修改

1. 全局搜索 点击搜索按钮，输入想要修改的内容，点击查找 在结果页点击可进入对应页面，修改后记得保存
2. 批量替换 使用sublime text可以批量查找替换，具体教程自己百度一下
3. 修改主题颜色 使用批量替换色值
4. 修改图片图标 小程序所有的图标都在images目录下，可以直接用自己喜欢的替换掉
5. 修改页面信息 打开对应页面的json，输入你要修改的信息（最后一行没有逗号）/

{ “enablePullDownRefresh”: true,//是否可以下拉刷新 “navigationBarBackgroundColor”: “#ffffff”, //页面导航颜色 “navigationBarTitleText”: “微信接口功能演示”, //页面导航标题 “navigationBarTextStyle”: “black”, //导航标题文字颜色 支持black/white “backgroundColor”: “#eeeeee”,//窗口的背景色 “backgroundTextStyle”: “light”//下拉 loading 的样式，仅支持 dark / light } 注意：//及后边的文字只是为了注释，实际操作的时候删除掉

1. 删除代码 如果自己对代码不熟悉，不建议自己调整样式。可以学习下简单的小程序操作后再调整。

常用路径：

页面	页面路径
文章详情页 【文章的id 1989】	/pages/detail/detail?id=1989
分类文章列表页 【分类的id 5】	/pages/list/list?categoryID=5
标签页	/pages/postags/postags
关于我们	/pages/about/about
文章排行	/pages/hot/hot
最新评论	/pages/comments/comments

结语

不怎么会配置的可以先对照着视频教程看看，个人觉得这种小程序配置都是很简单的，而且现在小程序改过几次后又是备案，个人还不能申请资讯项目，最主要是个人居然也要认证了，破小程序，每年30。不过骂归骂，还是重新上线了微信小程序。总不能让服务器闲着。好啦好啦，字不想打太多，有什么疑问可以后台咨询我。有空的时候我会回。另外，可以扫码进入我的小程序查看效果哦。