进入字节跳动小程序开发者平台 https://developer.toutiao.com/
登陆后按提示步骤完成申请，申请通过之后即可创建小程序。
切记：手机号等信息请如实填写
需注意：
1)在必填信息中， 申请注册的公司主体信息请填写完整 ，请勿填写简称，小程序简介尽量与产品功能相关（后续可修改）
2)在选填信息中， 尽量不要空白 ，如实填写相关情况
上述申请通过后，可以在后台 https://developer.toutiao.com/ 进行接入创建小程序
小程序注册成功后，进入小程序管理后台 https://developer.toutiao.com/ ，点击左边 “开发” 菜单后，可查看 AppID 和设置 AppSecret，并设置域名服务器
注册并认证百度小程序请参考官方文档
https://smartprogram.baidu.com/docs/introduction/enter_application/
小程序注册成功后，进入小程序管理后台 https://smartprogram.baidu.com/ ，点击左边 “开发管理->设置” 菜单后，点击 “开发设置” 选项卡，可查看 APP ID，APP Key 和设置 APP SECRET
注意: 百度小程序比微信小程序多了APP Key, 插件后台需要填入并保存的是 APP Key 非 APP ID
APP ID 在百度开发者工具导入前端代码包时使用
将获取到的 APP Key 和 APP SECRET，填入插件后台，进行保存即可。
同样小程序管理后台 https://smartprogram.baidu.com/ ，点击左边 “开发管理->设置” 菜单后，同样 “开发设置” 选项卡，可配置服务器域名信息，简单点，所有设置都填入你网站的域名即可。
注意: 如果图片使用cdn, downloadFile合法域名处还需填写cdn的域名
注意: 因为可能要下载百度用户头像图片，downloadFile合法域名下还需添加：himg.bdimg.com
微信小程序申请建议先申请并认证公众号，这样可以直接使用公众号已认证资质快速申请并认证小程序，无需另外支付费用认证小程序，并且可以直接复用已认证的公众号资质快速申请并认证微信小程序。
使用公众号资质来快速注册小程序还有一个好处，以后还可以注册多个小程序，无需额外费用。
访问 https://mp.weixin.qq.com/ 进行注册，选择服务号或订阅号先申请并认证公众号，已有公众号可忽略，可注册为个人资质或企业资质，如果有企业资质建议申请企业资质，并完成认证公众号步骤。
公众号已注册并认证完毕后，可直接复用公众号资质快速注册并认证微信小程序。
进入公众号管理后台，小程序管理菜单下，点击添加，选择 “快速注册并认证小程序”，之后按提示要求填写小程序帐号信息并完成注册即可。
进入小程序管理后台 https://mp.weixin.qq.com/ ，点击左边 “开发” 菜单后，点击 “开发设置” 选项卡，可查看 AppID 和 设置 AppSecret
注意: AppSecret选择重置，只显示一次，注意保存
将获取到的 AppID 和 AppSecret，填入插件后台，进行保存即可。
同样小程序管理后台 https://mp.weixin.qq.com/ ，点击左边 “开发” 菜单，同样“开发设置” 选项卡下，可配置服务器域名信息，简单点，所有设置都填入你网站的域名即可。
注意: 如果图片使用cdn, downloadFile合法域名处还需填写cdn的域名
注意: 因为可能要下载用户头像图片，downloadFile合法域名下还需添加：wx.qlogo.cn
快速搭建支付宝小程序，假设您已经有支付宝小程序账号，并已获得了支付宝小程序的 APP ID 和 支付宝小程序所需要的私钥和公钥，若不知道怎么申请支付宝小程序账号及获取APP ID 和 私钥和公钥 请参考 支付宝小程序申请设置指南。
将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。
进入wordpress后台”支付宝小程序”管理菜单页面，设置好 APP ID 和 私钥和公钥
下载地址：https://opendocs.alipay.com/mini/ide/download
解压获取到的QQ小程序前端代码（文件名wp-app-mp-alipay.zip）到本地计算机上
比如解压到本地 D:\app_alipay\wp-app-mp-alipay
安装好支付宝小程序开发者工具，打开工具后点击 “打开项目”，如图
选择目录路径 D:\app_alipay\wp-app-mp-alipay
一定要选择wp-app-mp-alipay这个根目录，请看图
导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)，可搜索关键词 n.default.prototype.serverUrl
n.default.prototype.serverUrl="https://your_wordpress_url"将 your_wordpress_url 替换为您的wordpress网站主页地址
比如：
n.default.prototype.serverUrl="https://wp-autoblog.net"或
n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"在该文件下 common/main.acss，找到该段代码
page{ --mainColor:#00b3db;
--mainColorLight:#01c5f1;
--mainColorShadow:rgba(0,179,219,0.2)
}可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色
在该文件下 app.json，可对支付宝小程序进行全局配置，更多详细配置可参考https://opendocs.alipay.com/mini/framework/app-json
比如，修改小程序名称
"window": {
"defaultTitle": "有云WordPress",
"titleBarColor": "#FFFFFF"
},基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://mini.open.alipay.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。
快速搭建QQ小程序，假设您已经有QQ小程序账号，并已获得了QQ小程序的 APP ID 和 APP SECRET，若不知道怎么申请QQ小程序账号及获取APP ID 和 APP SECRET 请参考 QQ小程序申请设置指南。
将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。
进入wordpress后台”QQ小程序”管理菜单页面，设置好 APP ID 和 APP SECRET
下载地址：https://q.qq.com/wiki/tools/devtool/
解压获取到的QQ小程序前端代码（文件名wp-app-mp-qq.zip）到本地计算机上
比如解压到本地 D:\app_qq\wp-app-mp-qq
安装好QQ小程序开发者工具，打开工具后点击新建项目，项目目录选择wp-app-mp-qq文件夹目录，比如 D:\app_qq\wp-app-mp-qq 并填入你申请小程序的AppID，项目名称随意
导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)
n.default.prototype.serverUrl="https://your_wordpress_url"将 your_wordpress_url 替换为您的wordpress网站主页地址
比如：
n.default.prototype.serverUrl="https://wp-autoblog.net"或
n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"在该文件下 common/main.qss，找到该段代码
page{ --mainColor:#00b3db;
--mainColorLight:#01c5f1;
--mainColorShadow:rgba(0,179,219,0.2)
}可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色
在该文件下 app.json，可对QQ小程序进行全局配置，更多详细配置可参考https://q.qq.com/wiki/develop/miniprogram/frame/dispose.html
比如，修改小程序名称
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "有云WordPress",
"navigationBarBackgroundColor": "#FFFFFF"
},基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://q.qq.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。
快速搭建头条小程序，假设您已经有字节跳动的小程序账号，并已获得了头条小程序的 APP ID 和 APP SECRET，若不知道怎么申请字节跳动小程序账号及获取APP ID 和 APP SECRET 请参考 头条系小程序申请设置指南 。
将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。
进入wordpress后台”头条小程序”管理菜单页面，设置好 APP ID 和 APP SECRET
解压获取到的头条小程序前端代码（文件名wp-app-mp-toutiao.zip）到本地计算机上
比如解压到本地 D:\app_toutiao\wp-app-mp-toutiao
安装好字节跳动开发者工具后新建小程序项目，选择 “导入”
选择目录路径 D:\app_toutiao\wp-app-mp-toutiao
一定要选择wp-app-mp-toutiao这个根目录，请看图
修改project.config.json文件里的小程序appid及项目名称，Ctrl+S保存后重启开发者工具
导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)
_vue.default.prototype.serverUrl="https://your_wordpress_url"将 your_wordpress_url 替换为您的wordpress网站主页地址
比如：
_vue.default.prototype.serverUrl="https://wp-autoblog.net"或
_vue.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"在该文件下 common/main.ttss，找到该段代码
page{ --mainColor:#00b3db;
--mainColorLight:#01c5f1;
--mainColorShadow:rgba(0,179,219,0.2)
}可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色
在该文件下 app.json，可对头条小程序进行全局配置，更多详细配置可参考https://developer.toutiao.com/dev/cn/mini-app/develop/framework/basic-reference/general-configuration
比如，修改小程序名称
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "有云WordPress",
"navigationBarBackgroundColor": "#FFFFFF"
},基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://developer.toutiao.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。
快速搭建百度智能小程序，假设您已经申请好了百度小程序账号，并已获得了百度小程序的 APP ID , APP Key 和 APP Secret，若不知道怎么申请百度小程序账号及获取 APP ID，APP Key 和 APP SECRET 请参考文档 百度小程序申请设置指南。
将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。
进入wordpress后台”百度小程序”管理菜单页面，设置好 APP Key 和 APP Secret
PS：百度小程序还有个APP ID，这里设置的是 APP Key 不是 APP ID
下载地址：https://smartprogram.baidu.com/docs/develop/tutorial/install/
解压获取到的百度小程序前端代码（文件名wp-app-mp-baidu.zip）到本地计算机上
比如解压到本地 D:\baidu_app\wp-app-mp-baidu
安装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID（这里不是APP KEY），选择目录路径D:\baidu_app\wp-app-mp-baidu
导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)
n.default.prototype.serverUrl="https://your_wordpress_url"将 your_wordpress_url 替换为您的wordpress网站主页地址
比如：
n.default.prototype.serverUrl="https://wp-autoblog.net"或
n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"在该文件下 common/main.css，找到该段代码
page{--mainColor:#00b3db;--mainColorLight:#01c5f1;--mainColorShadow:rgba(0,179,219,0.2)}可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色
在该文件下 app.json，可对百度小程序进行全局配置，更多详细配置可参考https://smartprogram.baidu.com/docs/develop/tutorial/process/
比如，修改小程序名称
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "您的小程序名称",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": "#F8F8F8"
},基本信息修改完毕，小程序预览正常后，开发工具上边工具栏即可点击“发布”上传代码，上传代码后，登陆小程序管理后台，https://smartprogram.baidu.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
更详细过程，可参考：https://smartprogram.baidu.com/docs/develop/tutorial/startdevelop/
百度小程序审核过程似乎比微信小程序审核更加严格，先真机预览保证所有页面正常打开无异常，保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。
快速搭建微信小程序，假设您已经有微信的小程序账号，并已获得了微信小程序的 APP ID 和 APP SECRET，若不知道怎么申请微信小程序账号及获取APP ID 和 APP SECRET 请参考文档 微信小程序申请设置指南 。
将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。
进入wordpress后台”微信小程序”管理菜单页面，设置好 APP ID 和 APP SECRET
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
解压获取到的微信小程序前端代码（文件名wp-app-mp-weixin.zip）到本地计算机上
比如解压到本地 D:\wechat_app\wp-app-mp-weixin
安装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID，选择目录路径D:\wechat_app\wp-app-mp-weixin
导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)
n.default.prototype.serverUrl="https://your_wordpress_url"将 your_wordpress_url 替换为您的wordpress网站主页地址
比如：
n.default.prototype.serverUrl="https://wp-autoblog.net"或
n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"在该文件下 common/main.wxss，找到该段代码
page{--mainColor:#00b3db;--mainColorLight:#01c5f1;--mainColorShadow:rgba(0,179,219,0.2)}可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色
在该文件下 app.json，可对微信小程序进行全局配置，更多详细配置可参考https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
比如，修改小程序名称
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "修改为您的小程序名称",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": "#F8F8F8"
},基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://mp.weixin.qq.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。
可将wordpress网站快速生成小程序版本
本套件包含后端wordpress插件及各端（微信小程序，百度小程序，头条/抖音小程序，支付宝小程序，QQ小程序）前端代码。
官方网站及购买地址：wordpress小程序套件
以上各APP端小程序数据来源WordPress网站都为 https://wp-autoblog.net/wordpress/
| 文件名 | 说明 |
|---|---|
| wp-app.zip | wordpress后台小程序管理插件 |
| wp-app-mp-weixin.zip | 微信小程序前端代码 |
| wp-app-mp-baidu.zip | 百度小程序前端代码 |
| wp-app-mp-qq.zip | QQ小程序前端代码 |
| wp-app-mp-toutiao.zip | 头条小程序前端代码 |
| wp-app-mp-alipay.zip | 支付宝小程序前端代码 |
WP-App WordPress多端小程序套件可将你的wordpress网站轻松生成小程序版
支持所有小程序，包括微信小程序，百度小程序，头条/抖音小程序，支付宝小程序，QQ小程序
百度搜索流量全面倾斜扶持百度智能小程序，还不上线您的小程序版?
官方网站及购买地址：
https://wp-autoblog.net/zh
本小程序Demo对应的网站:
https://wp-autoblog.net/wordpress/
支持所有小程序，包括微信小程序，百度小程序，头条系小程序（头条，抖音），支付宝小程序，QQ小程序。
提供尽可能多的APP端常用组件及功能，选项卡，轮播图，通知栏，评论，收藏，点赞，分享，海报等等
如果没有需要的组件及功能可提交反馈，都尽量提供，还再不断更新完善中~
后台插件自带缓存功能，自动生成缓存文件，用户访问APP直接提取缓存文件内容，最大程度减少数据库连接和数据加工处理步骤，加速用户APP访问速度和体验。
目前百度全面扶持小程序内容和生态，搜索流量优先展示小程序内容，插件当然要做好小程序的SEO功能。
首页可自行设置按百度官方要求的SEO信息，文章内页会自动提取标题，关键词，摘要，相关图片等自动设置百度要求的SEO信息，其他页面分类页面，标签页面等都会自动设置SEO信息。
后台可自定义需要显示的组件及设置样式，设置保存后前端即时生效，无需重复上传前端代码，避免各家超级APP重复审核流程。
提供图标系统，可自行设置需要显示的图标。
后台更多设置没有全部展示，可在本小程序底部“组件”菜单预览其自定义能力
支持单独设置前端文章CSS样式，也可以支持“内联”样式，本文章大部分特殊样式就是“内联”样式结果，关于“内联”样式详情可点击查看下面文章(下面文章为app内页面跳转):
