wordpress搭建完成小程序申请完成微慕开源版下载小程序配置效果预览与发布

说明:本次测试基础前提是wordpress搭建完成,开源正常访问以及域名配置完成的情况下进行的。如果还没有完成博客搭建的可以访问我的其他文章进行wordpress的搭建。

微慕小程序模板下载

下载链接。下载完成后加压,会有wordpress博客插件和小程序模板。

基于微慕小程序开源版搭建wordpress小程序插图基于微慕小程序开源版搭建wordpress小程序插图1

将wordpress配套插件里面的文件夹复制到根目录/wp-content/plugins/里面,然后在博客后台开启插件,后面再完善。

小程序配置

将小程序的文件夹解压出来。

基于微慕小程序开源版搭建wordpress小程序插图2

打开微信开发者工具进行修改调试。

基于微慕小程序开源版搭建wordpress小程序插图3基于微慕小程序开源版搭建wordpress小程序插图4

项目名称可以自定义,目录选择刚刚解压出来的目录,APPid是自己小程序的id号。

可以在小程序后台查看,后台管理-开发管理–开发设置。

基于微慕小程序开源版搭建wordpress小程序插图5

然后点击新建进入编辑界面。

基于微慕小程序开源版搭建wordpress小程序插图6

这里面有几个文件夹分别做不同功能划分。images:图片目录

pages:页面目录,存放不同目录以进行链接与跳转

utils:博客网址,小程序设置等

app.json:主界面程序文件,可以修改界面显示内容

基础开源版本我们现在只需要修改能够链接到博客先,后面再不断完善优化增加功能。

1、修改主界面

我们可以先把主界面按照自己的需求修改下,刚刚开始没有连接到博客网站显示暂时无法访问网络是正常的,不用急后面会设置。

按照我标的几处在app.json修改对应的小程序顶部显示网站窗口名称。在tarBar里面修改下边按钮的名称。

基于微慕小程序开源版搭建wordpress小程序插图7基于微慕小程序开源版搭建wordpress小程序插图8

2、连接wordpress博客网站

找到utils–>config.js ,修改为你的个人博客的域名,网站名称,文章数目。

基于微慕小程序开源版搭建wordpress小程序插图9基于微慕小程序开源版搭建wordpress小程序插图10

上面几项设置好之后有一个需要注意的地方,是DOWNLOADFILEDOWNAIN这个还需要一点配置。

打开小程序后台。APPID和密钥,你们如果没有配置的应该会有一个生成按钮,点击生成并复制。

打开博客后台,微慕小程序–>常规设置将这两项复制,然后下面点击保存。

基于微慕小程序开源版搭建wordpress小程序插图11基于微慕小程序开源版搭建wordpress小程序插图12

第二个是修改小程序后台的域名配置。

把域名修改成自己的域名配置,只需修改前缀好了,其实都差不多。

基于微慕小程序开源版搭建wordpress小程序插图13

小程序后台修改完成后在微信开发者工具里面查看。如果没有出现,刷新一下好了。

基于微慕小程序开源版搭建wordpress小程序插图14

还有一个是需要和小程序配置文件里面对应的。

基于微慕小程序开源版搭建wordpress小程序插图15

完成之后点击编译。

基于微慕小程序开源版搭建wordpress小程序插图16

效果:

基于微慕小程序开源版搭建wordpress小程序插图17

小程序里面的需要进行版本上传和审核才能进入正式版本。基本配置这么多。

然后可以在博客后台完善一下配置。

基于微慕小程序开源版搭建wordpress小程序插图18

小程序首页可以设置滑动文章,用英文逗号隔开。

可以有选择性设置博客文章分类,使用逗号隔开。

分享海报的照片设置,修改后保存。

好了,到这里结束了,感兴趣的可以关注下我的公众号和小程序哦,欢迎━(*`∀´*)ノ亻!一起交流。

基于微慕小程序开源版搭建wordpress小程序插图19

相关链接:

原文链接:

微慕官网:

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: