微信壁纸小程序搭建详细教程可完美上线运营版本【WordPress小程序】

前言：

先来看看长啥样子吧！

额…光看图片不过瘾？ 微信扫描看演示站

不多bb了 教程开始

前期准备工作

小程序基于WordPress搭建的需要会熟练操作WordPress的不然很吃力，这个不要怕耐心看到底，本期教程包你学个七八成，如果你还是不会的话，当然站长这边是可以提供协助搭建的至于要求大家都懂的

第一步：服务器+域名（这个就不说了会得都会）

第二步：准备一个注册好的小程序（没有的去注册）点我直接跳转注册

第三步：最重要的当然是源码了 没有的话怎么办呢！点我去下载源码

第四步：准备WordPress源码：点击下载

第五步：做小程序域名需要部署ssl

第六步：下载微信开发者工具
准备完以上工作后，教程正式开始

第一步：WordPress搭建

下载好的WordPress源码后，上传你的服务器安装

我这里以宝塔面板来演示

上传完成后，解压完成后把WordPress里的文件拉到网站根目录如上图一样
然后这时候我们访问域名
下面教程看图片即可
上传完成后访问域名，接下来看完教程图片操作





这里特别提醒一下
后台地址是域名/wp-admin

好了，登陆后就是这样了
WordPress搭建教程搭建完毕，下面的教程很简单，但也是很重要的一点

壁纸小程序：管理插件上传

这时候看到wp插件压缩成zip格式的压缩包

教程继续，进入网站根目录依次找到文件wp-content/plugins
上传黑金壁纸wp插件这个文件并且解压

以上操作完成后-打开WordPress后台-插件–已安装插件

然后点击设置

然后填写小程序APPID和秘钥

这个时候去微信公众平台-登录小程序-添加一下合法域名
本期主要讲搭建教程，基础设置下期在讲
下面开始前端配置教程

前端导入：

打开微信开发者工具（没有的去下载）导入前端文件

只需要找到文件utils/config.js修改一下域名就可以

到这来教程搭建完毕！哪里不详细下方留言，至于后期的设置教程等下期在出，也肯定有人疑问做这种上传图片是不是很占空间，这点放心可以把图片存放在七牛云里面，具体教程下期更新再见！

演示小程序：