WordPress小程序丸子开源安装教程

原创 WordPress建站  2021-08-08 10:57:08  阅读 158 次 评论 0 条

600多个项目资源,加入VIP免费领取,点击查看!

WordPress丸子小程序开源安装教程,更多学习进群联系微信hackdxd

开源小程序功能不多,界面清新,简洁。开源小程序的功能体验如下:
支持搜索关键词文章
支持文章点赞 / 收藏 / 评论
支持查看个人点赞 / 收藏 / 评论文章列
没有太复杂的功能,除了简洁还是简洁,除了清新还是清新,重要的是,如此优雅的小程序,加载性能好,适用性强。

部署步骤

1.首先去申请QQ小程序q.qq/微信小程序mp.weixin.qq
2.通过后去GitHub下载小程序源码github/dchijack/Travel-Mini-Program
3.下载API插件,并安装github/dchijack/wp-mini-program/releases
会用WordPress的人会安装插件的 这个不用说 这个不能直接安装 要解压 压缩一下 在上传安装
4.登录网站后台,在仪表盘下方的小程序设置里勾选QQ小程序,填写上对应的AppID和AppScret5.登录QQ小程序后台,配置服务器,把你的域名加入请求域名

第一步,拿到插件先安装,在线或者在你的服务器直接上传都可以,小程序后台设置你的网站域名。

丸子开源|wordpress QQ小程序部署设置教程

第二步,小程序基本设置:填写你的AppId以及AppSecret

第三步,小程序的基本设置,按照我下面的截图填写即可

嗯,到这里我们的小程序插件信息就填写完成了。

第四步,网站的伪静态设置,这个是关键的步骤,网站后台选择设置>固定连接进去>选择自定义结构>填写/%category%/%_id%.

填写完这个回到你的网站首页,随意点击一篇文章进去可以正常访问,还有访问域名/wp-json说明你的网站支持伪静态据可以回到代码填写你的域名

嗯,由于我的浏览器按照了json解析插件,你会看到解析出来的数据,否则你们的正常看到的就是json格式的数据,如下图

出现以上界面,访问正常,可以进行你的小程序代码部分了。

第五步,用你的开发者工具打开你下载好的小程序代码修改域名,路径是utils\base.js

当然了,拿到小程序都想修改为自己的信息,下面是小程序顶部标题的修改

首页顶部图片的修改,替换成你想要的图片路径即可

现在查看我们的小程序预览就已经正常显示了

栏目图片设置

为什么了我的文章图片展示了,栏目的不显示,可能你的设置有问题看如下设置

设置完显示效果

各版本导入说明

开发工具

小程序源代码导入开发工具,目前只有微信小程序开发工具导入项目的时候,基本上不会出现其他问题。其他小程序,如百度智能小程序和字节跳动小程序往往在导入项目的时候会替换掉 index.swan/index.ttml 和 index.css/index.ttss 。因此,建议除了微信小程序开发工具导入项目外,其他小程序开发工具先新建一个项目,然后保留项目文件,其他删除,再把小程序源码复制到对应的项目目录下。

1. QQ 小程序项目文件为:project.config.json

2. 百度智能小程序项目文件为:pkginfo.json 和 project.swan.json

3. 字节跳动小程序项目文件为:project.config.json

常遇到问题解决方法(欢迎反馈)

常遇到问题,为什么我按照你的教程修改了,首页的图片不显示,内容图片那些,你用了七牛云或者其他云存储图片,需要添加微信域名在你的防盗链的白名单里面,

添加域名为servicewechat,嗯,当然了还有一些特殊的问题,后期反馈在文章底部评论就可以了。

QQ白名单的为*.qq,嗯,直接也是跟上面同理添加的。

还有一个问题就是需要在我们的小程序插件里面设置如下内容

目前丸子的的开源小程序,已经建立了微信QQ交流群,需要的可以加下,微信添加hackdex(备注开源拉你入群),QQ群:782332434

加入开源小程序交流群添加微信:hackdxd

我做了网站下程序为什么访问不快了,需要开启第三方云存储来加速你的网站,本站使用配置如下,腾讯云域名/服务器,第三方存储为七牛云。
七牛云目前还算可以的,充值10元流量不大的网站够你用一年。
小编建议:服务器推荐使用腾讯云/阿里云 大厂的产品我用了阿里云3年多,腾讯云2年多,各方面都挺不错的,想要做站就坚持下去。

七牛云注册地址:点击购买

腾讯云服务器活动优惠:点击进入活动区

推荐阅读::

高防服务器哪家好?香港高防云服务器,100G防护值只需431元/月

快排SEO整站优化:百度搜狗360关键词快速上排名,7天上首页!

实战网赚项目导航:网上赚钱项目和手机赚钱软件排行榜

网赚博客:低成本网上赚钱创业项目!

网上赚钱项目:网赚论坛月入3万项目

阿里云优惠券、阿里云代金券、阿里云优惠码推荐码免费领取!

【加入】发迹网创业社群!

本文地址:https://www.082765.com/post/8251.html
版权声明:本文为原创文章,版权归 WordPress建站 所有,欢迎分享本文,转载请保留出处!

600多个项目资源,加入VIP免费领取,点击查看!

发表评论


表情

还没有留言,还不快点抢沙发?