WordPress小程序开源版安装使用指南
自2021年起，微信小程序逐渐流行。那么，使用WordPress是否可以创建一个微信小程序呢？答案是肯定的，并且我们可以利用开源的WordPress小程序源码来免费构建自己的博客小程序。
下面是演示，微信扫码查看二维码。
搭建WordPress小程序的必要条件
需要一个已备案的域名和搭建好的WordPress网站。
如果没有域名和网站，可以参考我之前写的文章进行注册和搭建，注意网站必须要备案。
新手在建网站时如何选择域名
新手建网站步骤和详细教程
网站需全站开启SSL访问
在宝塔面板或LNMP一键包中，可以轻松添加SSL。如果配置上有困难，可以联系我帮忙，微信号：vv15_zhi。
服务器环境要求
安装WordPress小程序时，PHP版本最低需为5.6，推荐使用PHP 7.2。新手可以通过宝塔面板进行一键安装。
注册微信小程序账号
访问 微信公众平台 注册账号即可。
WordPress所需插件
在WordPress后台插件中搜索“REST API TO MiniProgram”进行安装。
WordPress小程序插件及网站设置
网站固定链接设置
首先，建议将WordPress网站的固定链接格式设置为/%category%/%postname%.html，这样可以实现小程序内部链接的跳转，其他格式暂不支持。
如果你的网站已经运营较久，建议不要修改固定链接，以免影响SEO效果。
小程序插件的设置
AppID和AppSecret可在微信公众平台后台的“开发-开发设置-开发者ID”中获取。商户号适用于企业用户，个人用户无需填写。
获取小程序首页滑动文章ID
小程序首页滑动的文章ID为你希望在小程序首页展示的幻灯片文章，如下图红色框所示：
获取文章ID的方法是在WordPress后台，选择“文章-所有文章”，将鼠标移动到你想使用的文章标题的编辑按钮上，地址栏中的数字即为文章ID。
若需设置多篇文章，文章ID之间用英文逗号隔开。
评论及默认海报地址设置
如果需要开启评论功能，建议同时开启评论审核功能。海报的默认地址为未设置特色图片的文章使用的海报图。如果网站中许多文章没有特色图片，建议安装“WordPress随机显示特色图片”插件。
微信公众号后台的设置
服务器域名设置
在“开发-开发设置”的服务器域名中填写需要使用的域名。
注意，合法域名包括你网站的域名、CDN使用的域名（如有）及wx.qlogo.cn。
消息模板设置
在微信公众平台左侧菜单中依次选择“功能-模板消息-个人模板库-添加”，添加“评论回复通知”和“打赏成功通知”两条消息模板。
WordPress小程序源码的修改
导入小程序源码
下载微信小程序开发工具并安装，下载WordPress小程序源码并解压。
新建小程序项目时选择导入项目，项目名称自定义，目录选择解压的小程序源码文件夹，AppID填写你自己的。
开发工具界面介绍
打开小程序源码后，默认界面如下所示：
左侧为预览界面，右侧上半部分为源码窗口，下半部分为错误信息，注意查看错误提示。
修改小程序配置信息
在源码窗口中打开utils-config.js文件，修改图中红框内的内容。
每项内容均有作者注释，按照需求进行修改。
var ABOUTID = 1136;
如果网站没有关于页面，需在WordPress后台新建页面并填写网站介绍，发布后获取页面ID（方法与获取文章ID相同）。
鼓励消息和回复消息模板填写前面创建的内容。
设置合法的downloadFile域名
这一部分需与微信公众号后台填写一致，格式如下：
var DOWNLOADFILEDOMAIN = [ { id: 1, domain: blog.naibabiji.com}, { id: 2, domain: img.wordpressjc.com }, { id: 3, domain: wx.qlogo.cn }, ];根据实际情况填写域名，如有CDN加速域名，请添加相应条目。
保存代码（CTRL + S），你应该能在左侧看到你网站的小程序效果。
修改首页图标导航信息
上述导航图标在config.js文件中修改，位于设置downloadFile域名代码下方。调整名称和图标，链接信息根据需要进行修改。
如果想实现点击跳转到分类页面的功能，可参考以下代码：
{ id: 1, name: 建站知识, image: ../../images/websitepng.png, url: ../../pages/list/list?categoryID=141, redirecttype: apppage, appid: , extraData: }, { id: 2, name: 奇技赢巧, image: ../../images/jiqiao.png, url: ../../pages/list/list?categoryID=142, redirecttype: apppage, appid: , extraData: }, { id: 3, name: 软件分享, image: ../../images/softw.png, url: ../../pages/list/list?categoryID=140, redirecttype: apppage, appid: , extraData: }, 注意，以上代码中的图片需自行修改，分类ID的提取方法可参考前述文章ID提取方法。作者默认提供了五个图标，若不需全部使用可自行删除。
修改排行榜单及微信小程序两个图片导航
相关文件位于pages-index-index.wxml，修改第72行以下的内容，名称和链接URL可根据需要进行调整。
背景图片在pages-index-index.wxss的第184行和195行，建议替换为自己的图片链接。
修改LOGO图片
直接在本地源码文件夹中替换相应的图片即可。
修改小程序标题文字，默认为“守望轩”
在微信小程序开发工具中，点击放大镜图标进行搜索，输入“守望轩”，修改不带*号的内容，带*号的内容无需修改。
其他内容的修改
如需修改样式等内容，可以通过搜索功能进行查找和调整。若需重新修改模板，建议新手谨慎尝试，避免随意更改。
最后，感谢守望轩对WordPress小程序的开源支持。如果企业需要功能更全的微信小程序，可以获取商业版WordPress小程序，功能更多，界面更完善。
如有难以理解的图文教程，请查看WordPress微信小程序搭建的视频教程。
