wordpress转APP方案（安卓&IOS）

已支持底部菜单栏

以wordpress的Rest Api构建的app

项目主页：http://aorz.github.io/Wordpress-Mobile-Application/

更新内容

2017.6.26: 文章列表页增加截图,兼容4.8

2016.10.24: 添加底部菜单栏 2016.10.02: 升级 vue 2.0 版本 2016.05.15：支持代码高亮，支持语言PHP,JS,CSS,Java等，代码格式<pre class="lang:js">code</pre>或<pre class="lang:js"><code>code<code></pre>,代码高亮使用了prismjs，做了一些修改，如有其它需求可修改此插件。

定制 APP

修改主题颜色

下载本项目代码，打开css/mystyle.css最后几行有注释声明可以修改颜色值，修改颜色值即可自定义主题颜色。

修改底部菜单

在/js/app.js 中修改 nav_bar 数据可以修改底部菜单栏，其中 class 为图标样式，可选样式参考 所有图标

构建方法

1. 安装wordpress
2. 为wordpress安装 wordpress rest api （2.0版本及以上,wordpress 4.8以上不需要安装，自带 json api）
3. 更改/js/app.js里面的name和菜单名称和对应的id（可在example.com/wp-json/wp/v2/categories查看）
4. 下载安装Hbuilder，使用其在线打包功能，选择文件/打开目录（打开本项目代码目录），双击manifest.json设置app名称和id，修改app图标和启动图。
5. 点击发行，发行为原生应用，设置好开发者证书，然后打包。

打包成功后会自动下载到本地目录，这样一个App就制作好了。

案例体验

我的博客：奋斗的承诺

用到的技术

1. html5+:http://www.html5plus.org/doc/h5p.html
2. mui:http://dev.dcloud.net.cn/mui/
3. hbuilder:http://www.dcloud.io/

项目截图

下载测试：http://pan.baidu.com/s/1hsLI3ZY